Aloittaminen
Asennus
Asentaaksesi TacoTranslate -ohjelman projektiisi, avaa komentorivisi ja siirry projektisi juuri-kansioon. Suorita sitten seuraava komento asentaaksesi sen käyttämällä npm:
npm install tacotranslate
Tämä edellyttää, että sinulla on jo projekti perustettuna. Katso esimerkkejä saadaksesi lisätietoja.
Peruskäyttö
Alla oleva esimerkki näyttää, kuinka luodaan TacoTranslate-asiakas, kääritään sovelluksesi TacoTranslate
-tarjoajan sisään ja käytetään 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 asetetaan juuri sinun käyttötarkoitukseesi, esimerkiksi yhdessä Next.js App Routerin kanssa tai käyttäen Create React Appia.
Meillä on myös valmiina CodeSandbox, jonka voit tarkistaa täältä.