開始使用
安裝
要在專案中安裝 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,你可以 在此查看。