ブログダッシュボード

コンテンツ

翻訳でサポートされるすべてのコンテンツ形式を表すユニオン型

概要

Content は、翻訳に対応しているすべてのコンテンツ形式を表します。

type Content = JsxChildren | IcuMessage | I18nextMessage;

型定義

ユニオンメンバー

Type説明ユースケース
JsxChildren要素やvariablesを含むリッチなJSXコンテンツReactコンポーネント、構造化されたHTMLコンテンツ
IcuMessageICU MessageFormatの文字列複雑な複数形ルール、日付・数値のフォーマット
I18nextMessagei18next互換のメッセージ文字列シンプルな補間、既存のi18nextプロジェクト

例

JSX コンテンツ

const jsxContent: Content = {
  t: 'div',
  c: ['こんにちは、', { k: 'userName' }]
};

ICU メッセージ形式

const icuContent: Content = 'こんにちは、{name}さん！' as IcuMessage;

i18next 形式

const i18nextContent: Content = 'お帰りなさい、{{name}}！' as I18nextMessage;

注意

  • Content は異なるメッセージ形式を単一の型に統一します
  • 型は構造から推測できるほか、明示的に指定することもできます

関連する型

このガイドはいかがですか?

このページについて

概要
型定義
ユニオンメンバー
例
JSX コンテンツ
ICU メッセージ形式
i18next 形式
注意
関連する型