問題タブ [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.

0 投票する
2 に答える
1411 参照

react-intl - babel-plugin-react-intl を使用する利点は何ですか?

私は図書館を学び、理解しようとしてきましたが、react-intl図書館に出会いbabel-plugin-react-intlました。図書館のページにそのような説明があります。

Extracts string messages for translation from modules that use React Intl.

どの文字列メッセージが抽出されるのだろうか?

また、抽出されたメッセージの利点は何ですか?

0 投票する
1 に答える
439 参照

node.js - FormattedMessage と React ContextTypes を使用せずに翻訳テキストを取得する

FormattedMessage を使用せずに翻訳テキストを取得する方法を探しています。これまでのところ 、React の EXPERIMENTAL 機能であるContextTypesの使用を提供するこのソリューションしか見つかりませんでした。これを達成する他の方法 (または他のライブラリ/npm モジュール) はありますか?

0 投票する
0 に答える
849 参照

reactjs - 略号の扱い+react-intlでの複数形化

「1,000 台の車」のような文字列を「1,000 台の車」として表示できるようにしたいと考えています (ロケールに適している場合)。react-intlを使用してこれを処理する方法はありますか?

私はまだ API に頭を悩ませようとしていますが、これがカスタム フォーマッタが処理するものであるかどうかはわかりません。

ありがとう!

0 投票する
2 に答える
1875 参照

reactjs - React Element が Prop として渡されたときに再レンダリングを防止する

私の React アプリでは、いくつかのライブラリ (Material UI と React Intl など) を使用して、React 要素を小道具として高レベル コンポーネントから「ダム コンポーネント」に渡しています。

スマート コンポーネント:

ダムコンポーネント:

これを行う利点は、DumbComponent がアプリケーション ロジック (マテリアル UI、国際化など) について何も知る必要がないことです。SmartComponent がすべてのビジネス ロジックを処理するようにして、単純にレンダリングします。

このアプローチで私が直面しているマイナス面はパフォーマンスです.DumbComponent は常に を返すため、AnotherDumbComponent の props が独自のものではなく変更された場合でも、常に再レンダリングされます。上記の例では、React 要素間の正確な等価性チェックを行うことができません。shouldComponentUpdate trueshouldComponentUpdate

React 要素をどのように等価性チェックすることができますshouldComponentUpdateか? これは実行するにはコストがかかりすぎますか? React要素を小道具としてダムコンポーネントに渡すのは悪い考えですか? React 要素を props として渡さずに、コンポーネントをダムのままにすることは可能ですか? ありがとう!

0 投票する
3 に答える
2257 参照

reactjs - redux状態のロケールが更新された後にReactコンポーネントを再レンダリングする

私はRedux自分のReactアプリケーションに実装しましたが、これまでのところうまく機能していますが、少し質問があります。

localeに保存されている を変更するオプションがナビゲーションバーにありますredux's state。変更すると、すべてのコンポーネントが再レンダリングされて翻訳が変更されることを期待しています。これを行うには、指定する必要があります

locale: state.locale

関数内mapStateToProps...これは多くのコードの重複につながります。

connectで編集されたすべてのコンポーネントの小道具にロケールを暗黙的に渡す方法はありますreact-reduxか?

前もって感謝します!

0 投票する
1 に答える
477 参照

reactjs - React-intl: FormttedMessage は 0 を表示しませんが、任意の数字を表示します

リストがあり、いいえを表示する必要があります。リスト内の要素の。私は使用<FormattedMessage>しましたが、すべてうまく機能しますが、リストのサイズが の場合、0<FormattedMessage>も表示されません。負(ハードコードした場合)と正(リストにメンバーがある場合)で機能しますが、0の場合は何も表示されません。