Pirmieji žingsniai
Įdiegimas
Norėdami įdiegti TacoTranslate savo projekte, atidarykite terminalą ir pereikite į savo projekto šaknies katalogą. Tada paleiskite šią komandą, kad įdiegtumėte naudojant npm:
npm install tacotranslateDaroma prielaida, kad jau turite nustatytą projektą. Daugiau informacijos rasite pavyzdžiuose.
Pagrindinis naudojimas
Toliau 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>
);
}Pavyzdyje nustatyta naudoti ispanų kalbą (locale="es"), todėl Translate komponentas rodys "¡Hola, mundo!".
Pavyzdžiai
Apsilankykite mūsų GitHub pavyzdžių aplanke, kad sužinotumėte daugiau apie tai, kaip sukonfigūruoti TacoTranslate būtent jūsų naudojimo atvejui, pavyzdžiui, su Next.js App Router arba naudojant Create React App.
Taip pat turime paruoštą CodeSandbox, kurį galite peržiūrėti čia.