入門指南
安裝
要在您的專案中安裝 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,您可以在這裡 查看。