はじめに
インストール
プロジェクトに 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のサンプルフォルダにアクセスして、Next.js App RouterやCreate React Appなど、あなたのユースケースに合わせたTacoTranslateの設定方法を詳しく学んでください。
私たちはまた、CodeSandbox をセットアップしており、こちらでご覧いただけます。