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 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 náš priečinok príkladov na GitHub, aby ste sa dozvedeli viac o tom, ako nastaviť TacoTranslate špecificky pre váš prípad použitia, napríklad s Next.js App Router alebo použitím Create React App.
Máme tiež nastavený CodeSandbox, ktorý si môžete pozrieť tu.