Bắt đầu sử dụng
Cài đặt
Để cài đặt TacoTranslate trong dự án của bạn, hãy 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 các ví dụ để biết thêm thông tin.
Sử dụng cơ bản
Ví dụ dưới đây trình bày cách tạo một client TacoTranslate, bao bọc ứng dụng của bạn với nhà cung cấp TacoTranslate, và sử dụng thành phần 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 thiết lập để 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 phù hợp với trường hợp sử dụng của bạn, chẳng hạn như với Next.js App Router hoặc 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.