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