Komið af stað
Uppsetning
Til að setja upp TacoTranslate í verkefninu þínu, opnaðu skipanalínuna og farðu í rótarskrána á verkefninu þínu. Svo keyrðu eftirfarandi skipun til að setja upp með npm:
npm install tacotranslate
Þetta gerir ráð fyrir að þú sért þegar með verkefni uppsett. Sjá dæmi fyrir frekari upplýsingar.
Grunnnotkun
Eftirfarandi dæmi sýnir hvernig á að búa til TacoTranslate viðskiptavin, vefja forritinu þínu inn í TacoTranslate
þjónustuaðila og nota Translate
íhlutinn til að birta þýddar strengjungar.
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æmisafnið okkar til að læra meira um hvernig á að setja upp TacoTranslate sérsniðið fyrir þitt notkunartilvik, svo sem með Next.js App Router eða með því að nota Create React App.
Við höfum einnig sett upp CodeSandbox sem þú getur skoðað hér.