Első lépések
Telepítés
A TacoTranslate telepítéséhez a projektedbe nyisd meg a terminált, és navigálj a projekt gyökérkönyvtárába. Ezután futtasd a következő parancsot az npm használatával:
npm install tacotranslate
Ez azt feltételezi, hogy már van egy beállított projektje. További információkért tekintse meg a példákat.
Alapvető használat
Az alábbi példa bemutatja, hogyan hozz létre egy TacoTranslate-klienst, hogyan csomagold be az alkalmazásodat a TacoTranslate
providerrel, és hogyan használd a Translate
komponenst a lefordított szövegek megjelenítéséhez.
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>
);
}
A példa spanyolra van beállítva (locale="es"
), ezért a Translate
komponens "¡Hola, mundo!"-ot jelenít meg.
Példák
Látogass el a GitHub példáink mappájához, hogy többet megtudj arról, hogyan állíthatod be kifejezetten a te esetedre a TacoTranslate-t, például a Next.js App Router használatával vagy a Create React App alkalmazásával.
Ezenkívül létrehoztunk egy CodeSandbox-t, amelyet itt megtekinthetsz.