ファイル拡張子 |
.json |
API拡張 |
react_simple_json |
インポート |
はい |
エクスポート |
はい |
複数形のサポート |
はい |
説明のサポート |
はい。デフォルトのメッセージ抽出を使用します。 |
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":「ぜひご覧ください!このキーには説明があります!(少なくともいくつかの形式)", "key_with_line-break":"This translations contains\na line-break.", "nested.deeply.key":"私は深くネストされたキーです。", "nested.key":"このキーは名前空間内にネストされています。", "null_translation": null, "pluralized_key.one":"子猫が一匹見つかりました。", "pluralized_key.other":"わあ、%s匹の子猫がいますね!", "pluralized_key.zero":"あなたには子猫がいません。", "sample_collection": [ 「最初のアイテム」、 "番目のアイテム", 「第三項目」 ], "simple_key":"シンプルなキー、シンプルなメッセージ、とてもシンプルです。", "unverified_key":「この翻訳はまだ検証済みではなく、待機しています。(一部の形式では、このステータスもエクスポート) }
React Intl の使用
翻訳は通常 .js ファイルにあります。
module.exports = { "locales": ["en-US"], "messages": { "hello" :"World", other_hello :'異世界', }, "formats": {} };
メッセージ を別のロケールファイルに移動します。例: en-US.json:
{ "hello" :"World", other_hello :'異世界', }
メッセージの有効な.JSON構文を確認する:
{ "hello" :"World", "other_hello" :「異世界」 }
require文でメッセージを含めます。
module.exports = { "locales": ["en-US"], "messages": require('./en-US.json'), "formats": {} };
React-Intl Simple JSONファイル形式がReact Intlロケールファイルのアップロード/ダウンロードに使用できるようになりました。