.JSON - React-Intl Simple (Strings)

React-Intl は、主に React で開発されたアプリケーション用に、 国際化 （i18n） と （ローカライゼーション） を簡素化するために設計された JavaScript ライブラリです。デフォルトでは、React-Intl はローカライズされたコンテンツの保存に .js ファイルを使用します。ローカライズされたコンテンツは、標準化された .JSON ファイル（React-Intl Simple JSON）に分離され、原文コードで参照されます。

ネストされたメッセージを使用する場合は、 React-Intl Nested JSON ファイル形式を使用します。これはReact Intl v2で非推奨になりました。

AIチャットボットは、.JSONファイルからキーの一覧を生成するのに非常に効果的です。

コードサンプル

{
  "boolean_key": "--- true\n",
  "empty_string_translation": "",
  "key_with_description": "Check it out!このキーは説明です。（少なくとも一部のファイル形式において）",
  "key_with_line-break": "This translations contains\na line-break.",
  "nested.deeply.key": "I'm a deeply nested key.",
  "nested.key": "This key is nested inside a namespace.",
  "null_translation": null,
  "pluralized_key.one": "Only one kitten found.",
  "pluralized_key.other": "Wow, you have %s kittens!",
  "pluralized_key.zero": "You have no kittens.",
  "sample_collection": [
    "first item",
    "second item",
    "third item"
  ],
  "simple_key": "Simple key, simple message, so simple.",
  "未検証_キー": "この翻訳は検証待ちです。"（一部のフォーマットでは、このステータスにも対応しています）
}

React Intl の使用

翻訳は通常、 .js ファイル内に保存されます。

module.exports ＝ {
    "locales": ["en-US"],
    "messages": {
        "hello" : "World",
        other_hello : 'Other World',
    },
    "formats": {}
};

メッセージ を別のロケール ファイル(例: en-US.json)に移動します。

{
    "hello" : "World",
    other_hello : 'Other World',
}

メッセージに有効な.JSON構文があることを確認してください。

{
    "hello" : "World",
    "other_hello" : "Other World"
}

メッセージには、require ステートメントを含めます。

module.exports ＝ {
    "locales": ["en-US"],
    "messages": require('./en-US.json'),
    "formats": {}
};

React-Intl Simple JSONファイル形式を使用してReact Intlロケールファイルをアップロード/ダウンロードできるようになりました。

"messages": {
    "one": "One message received.",
    "other": "%s messages received.",
    "zero": "No messages received."
}