Začíname
Inštalácia
Ak chcete nainštalovať TacoTranslate do vášho projektu, otvorte terminál a prejdite do koreňového adresára vášho projektu. Potom spustite nasledujúci príkaz na inštaláciu pomocou npm:
npm install tacotranslateToto predpokladá, že už máte nastavený projekt. 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
Choďte na našu zložku príkladov na GitHube, kde sa dozviete viac o tom, ako nastaviť TacoTranslate špecificky pre váš prípad použitia, napríklad s Next.js App Router, alebo pri používaní Create React App.
Máme tiež nastavený CodeSandbox, ktorý si môžete pozrieť tu.