Pirmieji žingsniai
Įdiegimas
Norėdami įdiegti TacoTranslate savo projekte, atidarykite terminalą ir pereikite į projekto šaknies katalogą. Tada paleiskite šią komandą, kad įdiegtumėte naudojant npm:
npm install tacotranslate
Daroma prielaida, kad projektas jau yra sukurtas. Žiūrėkite pavyzdžius, jei norite sužinoti daugiau.
Pagrindinis naudojimas
Žemiau pateiktas pavyzdys parodo, kaip sukurti TacoTranslate klientą, apvynioti savo programą TacoTranslate
tiekėju ir naudoti Translate
komponentą, kad būtų rodomos išverstos eilutės.
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>
);
}
Šiame pavyzdyje nustatyta naudoti ispanų kalbą (locale="es"
), todėl Translate
komponentas išves "¡Hola, mundo!".
Pavyzdžiai
Apsilankykite mūsų GitHub pavyzdžių aplanke, kad sužinotumėte daugiau apie tai, kaip nustatyti TacoTranslate būtent jūsų naudojimo atvejui, pavyzdžiui, naudojant Next.js App Router, arba naudojant Create React App.
Taip pat turime CodeSandbox paruoštą, kurį galite peržiūrėti čia.