Începeți
Instalare
Pentru a instala TacoTranslate în proiectul tău, deschide terminalul și navighează la directorul rădăcină al proiectului. Apoi rulează următoarea comandă pentru a instala cu npm:
npm install tacotranslate
Se presupune că aveți deja un proiect configurat. Consultați exemplele pentru mai multe informații.
Utilizare de bază
Exemplul de mai jos demonstrează cum să creezi un client TacoTranslate, să înfășori aplicația cu providerul TacoTranslate
și să folosești componenta Translate
pentru a afișa șiruri traduse.
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>
);
}
Exemplul este configurat să folosească limba spaniolă (locale="es"
), astfel că componenta Translate
va afișa "¡Hola, mundo!".
Exemple
Accesează folderul nostru de exemple de pe GitHub pentru a afla mai multe despre cum să configurezi TacoTranslate în funcție de cazul tău de utilizare, de exemplu cu Next.js App Router sau folosind Create React App.
De asemenea, avem un CodeSandbox configurat pe care îl puteți consulta aici.