TacoTranslate
/
文件說明定價
 
  1. 介紹
  2. 入門指南
  3. 設定與配置
  4. 使用 TacoTranslate
  5. 伺服器端渲染
  6. 進階用法
  7. 最佳實踐
  8. 錯誤處理與除錯
  9. 支援的語言

入門指南

安裝

要在您的專案中安裝 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!"。

建立 API 金鑰

範例

前往我們的 GitHub 範例資料夾,了解如何針對您的使用情境設置 TacoTranslate,例如使用 Next.js App Router 或 Create React App。

我們也設置了一個 CodeSandbox,您可以在這裡 查看

設定與配置

Nattskiftet 的產品 Nattskiftet挪威製造