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