Að byrja
Uppsetning
Til að setja upp TacoTranslate í verkefnið þitt skaltu opna skipanalínu og fara í rótarskrána á verkefninu þínu. Síðan keyrirðu eftirfarandi skipun til að setja upp með npm:
npm install tacotranslate
Þetta gerir ráð fyrir að þú hafir þegar sett upp verkefni. Sjá dæmi fyrir frekari upplýsingar.
Grunnnotkun
Dæmið hér að neðan sýnir hvernig á að búa til TacoTranslate viðskiptavin, umlykja forritið þitt með TacoTranslate
þjóninum og nota Translate
íhlutinn til að birta þýddan texta.
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>
);
}
Dæmið er stillt á að nota spænsku (locale="es"
), svo Translate
íhluturinn mun skila "¡Hola, mundo!".
Dæmi
Farðu á GitHub dæmaskrána okkar til að læra meira um hvernig á að setja upp TacoTranslate sérstaklega fyrir þitt notkunartilfelli, svo sem með Next.js App Router, eða með því að nota Create React App.
Við höfum einnig CodeSandbox uppsett sem þú getur skoðað hér.