Bắt đầu
Cài đặt
Để cài đặt TacoTranslate trong dự án của bạn, mở terminal và điều hướng đến thư mục gốc của dự án. Sau đó, chạy lệnh sau để cài đặt bằng npm:
npm install tacotranslate
Điều này giả định rằng bạn đã có một dự án được thiết lập. Xem ví dụ để biết thêm thông tin.
Sử dụng cơ bản
Ví dụ dưới đây minh họa cách tạo một client TacoTranslate, bọc ứng dụng của bạn bằng provider TacoTranslate
, và sử dụng component Translate
để hiển thị các chuỗi đã được dịch.
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>
);
}
Ví dụ này được đặt để sử dụng tiếng Tây Ban Nha (locale="es"
), vì vậy thành phần Translate
sẽ xuất "¡Hola, mundo!".
Ví dụ
Hãy truy cập thư mục ví dụ trên GitHub của chúng tôi để tìm hiểu thêm về cách thiết lập TacoTranslate dành riêng cho trường hợp sử dụng của bạn, chẳng hạn như với Next.js App Router hoặc khi sử dụng Create React App.
Chúng tôi cũng đã thiết lập một CodeSandbox mà bạn có thể xem tại đây.