Začíname
Inštalácia
Ak chcete nainštalovať TacoTranslate do svojho 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 tacotranslate
Toto predpokladá, ž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ť vašu aplikáciu pomocou poskytovateľa 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 náš priečinok príkladov na GitHube, aby ste sa dozvedeli viac o tom, ako nastaviť TacoTranslate špeciálne pre váš prípad použitia, napríklad s Next.js App Router alebo používaním Create React App.
Máme tiež pripravený CodeSandbox, ktorý si môžete pozrieť tu.