Að byrja
Uppsetning
Til að setja upp TacoTranslate í verkefninu þínu, opnaðu skipanalínuna og farðu í rótarskrána í verkefninu þínu. Keyrðu síðan 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
veitunni, og nota Translate
íhlutann til að sýna þýdda 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"
), þannig að Translate
íhluturinn mun sýna "¡Hola, mundo!".
Dæmi
Farðu á GitHub dæmisafnið okkar til að læra meira um hvernig á að setja upp TacoTranslate sérstaklega fyrir þitt notkunartilvik, svo sem með Next.js App Router eða með Create React App.
Við höfum einnig sett upp CodeSandbox sem þú getur skoðað hér.