Začíname
Inštalácia
Ak chcete nainštalovať TacoTranslate do svojho projektu, otvorte terminál a prejdite do koreňového adresára svojho projektu. Potom spustite nasledujúci príkaz na inštaláciu pomocou npm:
npm install tacotranslate
Predpokladá sa, že už máte projekt nastavený. Pozrite si príklady pre viac informácií.
Základné použitie
Nižšie uvedený príklad ukazuje, ako vytvoriť klienta TacoTranslate, zabaliť svoju aplikáciu poskytovateľom TacoTranslate
, a použiť komponent Translate
na zobrazenie preložených reťazcov.
import createTacoTranslateClient from 'tacotranslate';
import {TacoTranslate, Translate} from 'tacotranslate/react';
const tacoTranslateClient = createTacoTranslateClient({apiKey: 'YOUR_API_KEY'});
function Page() {
return <Translate string="Hello, world!" />;
}
export default function App() {
return (
<TacoTranslate client={tacoTranslateClient} locale="es">
<Page />
</TacoTranslate>
);
}
Príklad je nastavený na použitie španielčiny (locale="es"
), takže komponent Translate
zobrazí "¡Hola, mundo!".
Príklady
Prejdite do nášho priečinka s príkladmi na GitHub, aby ste sa dozvedeli viac o tom, ako nastaviť TacoTranslate pre váš konkrétny prípad použitia, napríklad s Next.js App Router alebo pri použití Create React App.
Máme tiež nastavený CodeSandbox, ktorý si môžete pozrieť tu.