[解決済み] アクションがディスパッチされた後、Reduxストアで特定のプロパティの変更をリッスンする方法
2023-06-14 10:50:46
質問
私は現在、別のコンポーネントでのディスパッチ後のデータ変更に基づくコンポーネントでのアクションのディスパッチを処理する方法について、概念化しようとしています。
このシナリオを考えてみましょう。
dispatch(someAjax)
->状態の更新でプロパティ。
この後、この同じプロパティに依存する別のコンポーネントが、更新されたことを知り、新しい値に基づいてアクションをディスパッチする必要があります。
ある種の
value.on(change...
ソリューションを使用するのではなく、このタイプのアクションの「カスケード」を処理する望ましい方法は何ですか?
どのように解決するのですか?
基本的なアプローチは2つあります。アクションが行われた後に状態を差分するミドルウェアを使用するか、Reduxの低レベルな
store.subscribe
APIを使用する方法です。
ReduxのFAQには という回答があります。 . また、私は Redux 関連のアドオンやユーティリティを分類してリストアップしているのですが、その中には 既存のストア変更サブスクリプションライブラリ のグループも含まれており、データの変更をリッスンするためのさまざまなアプローチを実装しています。
関連
-
[解決済み】Typescript react - モジュール ''react-materialize'' の宣言ファイルが見つかりませんでした。'path/to/module-name.js' は暗黙のうちに any 型を持ちます。
-
[解決済み】ngrokがReact devサーバーに接続しようとすると、無効なホストヘッダが表示される。
-
[解決済み] react router dom v4でwebpack dev serverを構成する方法は?
-
[解決済み] react jsでウィンドウを開くイベントを処理するにはどうすればよいですか?
-
[解決済み] react.jsで複数のモジュールをエクスポートする
-
[解決済み] ReactJs "インバリアント違反..." リアクトの古典的な問題
-
[解決済み] React Hooksの「exhaustive-deps」lintルールを理解する
-
[解決済み] React JSXのforEach()でHTMLが出力されない
-
[解決済み] Reduxのアクションをタイムアウトでディスパッチする方法とは?
-
[解決済み] Reduxストアの状態をリセットする方法とは?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】ReactJS: マテリアルuiのブレークポイントについて
-
[解決済み] Apolloクライアントでログアウトした後、ストアをリセットする
-
[解決済み] react-router-domを使用する際に「Function components cannot be given refs」を回避するにはどうすればよいですか?
-
[解決済み] sh: react-scripts: npm start の実行後にコマンドが見つからない。
-
[解決済み] TypeError: reactjs の未定義のプロパティ 'status' を読み取ることができません。
-
[解決済み] React-Router 4 キャッチオールルート
-
[解決済み] React JS Jestで「SyntaxError: 予期しないトークン"
-
[解決済み] React - 予想外のトークン、予想外の;
-
[解決済み] Static HTML elements with event handlers require a role." を修正するにはどうすればよいですか?
-
[解決済み] Reactでグローバル変数を宣言する方法とは?