開始使用
安裝
要在您的專案中安裝 TacoTranslate,請打開終端機並切換到專案的根目錄。接著,執行以下命令使用 npm 安裝:
npm install tacotranslate
此處假設您已經建立並設定好專案。查看範例以了解更多資訊。
基本用法
以下範例示範如何建立一個 TacoTranslate 用戶端、將您的應用程式包裹在 TacoTranslate
提供者中,並使用 Translate
元件來顯示已翻譯的字串。
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>
);
}
此範例設定為使用西班牙語(locale="es"
),因此該 Translate
元件會輸出 "¡Hola, mundo!"。
範例
前往 我們的 GitHub 範例資料夾 了解更多有關如何依您特定使用情境設定 TacoTranslate 的資訊,例如搭配 Next.js App Router,或使用 Create React App。
我們也設置了一個 CodeSandbox,您可以 在這裡查看。