問題タブ [react-intl]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
react-intl - babel-plugin-react-intl を使用する利点は何ですか?
私は図書館を学び、理解しようとしてきましたが、react-intl
図書館に出会いbabel-plugin-react-intl
ました。図書館のページにそのような説明があります。
Extracts string messages for translation from modules that use React Intl.
どの文字列メッセージが抽出されるのだろうか?
また、抽出されたメッセージの利点は何ですか?
node.js - FormattedMessage と React ContextTypes を使用せずに翻訳テキストを取得する
FormattedMessage を使用せずに翻訳テキストを取得する方法を探しています。これまでのところ 、React の EXPERIMENTAL 機能であるContextTypesの使用を提供するこのソリューションしか見つかりませんでした。これを達成する他の方法 (または他のライブラリ/npm モジュール) はありますか?
reactjs - 略号の扱い+react-intlでの複数形化
「1,000 台の車」のような文字列を「1,000 台の車」として表示できるようにしたいと考えています (ロケールに適している場合)。react-intlを使用してこれを処理する方法はありますか?
私はまだ API に頭を悩ませようとしていますが、これがカスタム フォーマッタが処理するものであるかどうかはわかりません。
ありがとう!
reactjs - React Element が Prop として渡されたときに再レンダリングを防止する
私の React アプリでは、いくつかのライブラリ (Material UI と React Intl など) を使用して、React 要素を小道具として高レベル コンポーネントから「ダム コンポーネント」に渡しています。
スマート コンポーネント:
ダムコンポーネント:
これを行う利点は、DumbComponent がアプリケーション ロジック (マテリアル UI、国際化など) について何も知る必要がないことです。SmartComponent がすべてのビジネス ロジックを処理するようにして、単純にレンダリングします。
このアプローチで私が直面しているマイナス面はパフォーマンスです.DumbComponent は常に を返すため、AnotherDumbComponent の props が独自のものではなく変更された場合でも、常に再レンダリングされます。上記の例では、React 要素間の正確な等価性チェックを行うことができません。shouldComponentUpdate
true
shouldComponentUpdate
React 要素をどのように等価性チェックすることができますshouldComponentUpdate
か? これは実行するにはコストがかかりすぎますか? React要素を小道具としてダムコンポーネントに渡すのは悪い考えですか? React 要素を props として渡さずに、コンポーネントをダムのままにすることは可能ですか? ありがとう!
reactjs - redux状態のロケールが更新された後にReactコンポーネントを再レンダリングする
私はRedux
自分のReact
アプリケーションに実装しましたが、これまでのところうまく機能していますが、少し質問があります。
locale
に保存されている を変更するオプションがナビゲーションバーにありますredux's state
。変更すると、すべてのコンポーネントが再レンダリングされて翻訳が変更されることを期待しています。これを行うには、指定する必要があります
locale: state.locale
関数内mapStateToProps
...これは多くのコードの重複につながります。
connect
で編集されたすべてのコンポーネントの小道具にロケールを暗黙的に渡す方法はありますreact-redux
か?
前もって感謝します!
reactjs - React-intl: FormttedMessage は 0 を表示しませんが、任意の数字を表示します
リストがあり、いいえを表示する必要があります。リスト内の要素の。私は使用<FormattedMessage>
しましたが、すべてうまく機能しますが、リストのサイズが の場合、0
何<FormattedMessage>
も表示されません。負(ハードコードした場合)と正(リストにメンバーがある場合)で機能しますが、0の場合は何も表示されません。