Začíname
Inštalácia
Ak chcete nainštalovať TacoTranslate vo svojom projekte, 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 projekt nastavený. Pozrite si príklady pre viac informácií.
Základné použitie
Nižšie uvedený príklad demonštruje, 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 na našu GitHub zložku s príkladmi, kde sa dozviete viac o tom, ako nastaviť TacoTranslate presne pre váš prípad použitia, napríklad s Next.js App Router, alebo použitím Create React App.
Máme tiež pripravený CodeSandbox, ktorý si môžete pozrieť tu.