Mula
Pemasangan
Untuk memasang TacoTranslate dalam projek anda, buka terminal anda dan navigasikan ke direktori root projek anda. Kemudian, jalankan arahan berikut untuk memasang menggunakan npm:
npm install tacotranslate
Ini mengandaikan anda sudah mempunyai projek yang disediakan. Lihat contoh untuk maklumat lanjut.
Penggunaan asas
Contoh di bawah menunjukkan cara membuat klien TacoTranslate, membungkus aplikasi anda dengan penyedia TacoTranslate
, dan menggunakan komponen Translate
untuk memaparkan teks yang diterjemahkan.
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>
);
}
Contoh ini ditetapkan untuk menggunakan Bahasa Sepanyol (locale="es"
), jadi komponen Translate
akan memaparkan "¡Hola, mundo!".
Contoh
Lawati folder contoh GitHub kami untuk mengetahui lebih lanjut tentang cara menyediakan TacoTranslate khusus bagi kes penggunaan anda, seperti dengan Next.js App Router, atau menggunakan Create React App.
Kami juga mempunyai CodeSandbox yang boleh anda lihat di sini.