<Var>

概要

<Var>コンポーネントは、翻訳されるべきでないコンテンツをレンダリングするために使用されます。 これは、変数、コードスニペット、または翻訳されるべきでない他のコンテンツをレンダリングするのに便利です。 さらに、APIキーや個人情報など、プライベートに保つべきコンテンツをレンダリングするのにも便利です。

<Var>{user.name}</Var>

<Var>コンポーネントは常に<T>コンポーネントの内部で使用されます。 これは、<Currency>, <DateTime>, または <Num> のカテゴリに当てはまらない動的な値のためのキャッチオールと考えてください。

リファレンス

Props

説明

戻り値

翻訳されるべきではないコンテンツを含むJSX.Element。

例

基本的な例

<Var> コンポーネントは <T> コンポーネントの中で使用する必要があります。

import { T, Var } from 'gt-react'
 
export default function Example(user) {
  return (
    <T>
      このテキストを翻訳してください！
      あなたの名前は: <Var>{user.name}</Var> // [!code highlight]
      <Var><p>このテキストを翻訳しないでください</p></Var> // [!code highlight]
    </T>
  );
}

メモ

• 変数コンポーネントは、翻訳において翻訳不可能で動的なコンテンツを維持するために不可欠です。
• 常に <T> コンポーネント内で変数コンポーネントを使用してください。
• <Num>, <Currency>, <DateTime> のようなコンポーネントは、正確なフォーマットを保証するためのローカリゼーション機能を提供します。

次のステップ

• <Var> コンポーネントや <Currency>, <DateTime>, <Num> のような他の変数コンポーネントの詳細な議論と使用例については、変数コンポーネントの使用 ドキュメントを参照してください。
• 特定の変数コンポーネントのフォーマットオプションについては、API リファレンス で詳しく学んでください。