サポートするファイル形式(Strings)

.JSON - React-Intl Simple (Strings)

本コンテンツはPhrase Language AIの機械翻訳により、英語から翻訳されています。

ファイル拡張子

.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ロケールファイルのアップロード/ダウンロードに使用できるようになりました。

JSONファイルの複数形

複数のキーの最も一般的なファイル形式:

"messages": {
    "one":"一つのメッセージを受け取りました。",
    "other": "%s messages received.",
    "zero":「メッセージが受信されませんでした。」
}
この記事は役に立ちましたか?

Sorry about that! In what way was it not helpful?

The article didn’t address my problem.
I couldn’t understand the article.
The feature doesn’t do what I need.
Other reason.

Note that feedback is provided anonymously so we aren't able to reply to questions.
If you'd like to ask a question, submit a request to our Support team.
Thank you for your feedback.