Mula menggunakan
Pemasangan
Untuk memasang TacoTranslate dalam projek anda, buka terminal anda dan navigasi ke direktori root projek anda. Kemudian, jalankan perintah berikut untuk memasang menggunakan npm:
npm install tacotranslate
Ini menganggap anda sudah menyediakan projek. Lihat contoh untuk maklumat lanjut.
Penggunaan asas
Contoh di bawah menunjukkan cara untuk membuat klien TacoTranslate, membungkus aplikasi anda dengan penyedia TacoTranslate
, dan menggunakan komponen Translate
untuk memaparkan rentetan yang diterjemah.
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
Pergi ke folder contoh GitHub kami untuk mempelajari lebih lanjut tentang cara menyediakan TacoTranslate khusus untuk kes penggunaan anda, seperti menggunakan Next.js App Router, atau menggunakan Create React App.
Kami juga telah menyediakan CodeSandbox yang boleh anda semak di sini.