Začíname
Inštalácia
Aby ste nainštalovali TacoTranslate do svojho projektu, otvorte terminál a prejdite do koreňového adresára 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, obaliť vašu 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 GitHube, aby ste sa dozvedeli viac o tom, ako nastaviť TacoTranslate konkrétne pre váš prípad použitia, napríklad s Next.js App Router, alebo pri použití Create React App.
Máme tiež pripravený CodeSandbox, ktorý si môžete pozrieť tu.