Aloittaminen
Asennus
Asenna TacoTranslate projektiisi avaamalla terminaali ja siirtymällä projektisi juurihakemistoon. Suorita sitten seuraava komento asentaaksesi käyttäen npm:
npm install tacotranslate
Tämä edellyttää, että projekti on jo valmiina. Katso esimerkkejä lisätietoja varten.
Peruskäyttö
Alla oleva esimerkki näyttää, miten luoda TacoTranslate-asiakas, kääriä sovelluksesi TacoTranslate
providerin ympärille ja käyttää Translate
komponenttia käännettyjen merkkijonojen näyttämiseen.
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>
);
}
Esimerkki on asetettu käyttämään espanjaa (locale="es"
), joten Translate
-komponentti näyttää "¡Hola, mundo!".
Esimerkit
Siirry GitHub-esimerkkikansioomme oppiaksesi lisää siitä, miten TacoTranslate otetaan käyttöön juuri sinun käyttötapaukseesi, esimerkiksi yhdessä Next.js App Router kanssa tai käyttämällä Create React App.
Meillä on myös CodeSandbox valmiina, jonka voit katsoa täältä.