Bắt đầu
Cài đặt
Để cài đặt TacoTranslate vào dự án của bạn, hãy mở terminal và chuyển đế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
Giả sử bạn đã có một dự án được thiết lập. Xem các 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 của 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ụ được đặt để sử dụng tiếng Tây Ban Nha (locale="es"
), vì vậy thành phần Translate
sẽ hiển thị "¡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 cụ thể cho trường hợp sử dụng của bạn, chẳng hạn 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.