アクションがディスパッチされた後にReduxストアの特定のプロパティ変更をリッスンする方法

Question

現在、別のコンポーネントでディスパッチした後のデータ変更に基づいてコンポーネントのアクションをディスパッチする方法を概念化しようとしています。状態の更新中>プロパティ -

dispatch(someAjax)：

は、このシナリオを取ります。

この後、この同じプロパティに依存する別のコンポーネントが必要です。これは、新しい値に基づいてアクションが更新され、ディスパッチされることを知るためです。

何らかのタイプのvalue.on(change...ソリューションを使用するのではなく、このタイプのアクションをカスケード処理するための好ましい方法は何ですか？

Answer 1

アクションの実行後に状態を比較するミドルウェアか、Reduxの低レベルのstore.subscribe APIを使用するという、2つの基本的な方法があります。

Redux FAQはan answer that covers thisです。また、私はRedux関連のアドオンとユーティリティのリストを保管しており、データ変更のリスニングにさまざまなアプローチを実装しているexisting store change subscription librariesのグループが含まれています。

Answer 2

ReduxのconnectとcomponentDidUpdate(prevProps)またはcomponentWillUpdate(nextProps)フックでmapStateToPropsを使用できます。

だから基本的にあなたのコードは次のようになります。そのリストの

const mapStateToProps = (state) => ({ 
    specificProperty: state.specificProperty, 
    // any props you need else 
}); 

class YourComponent extends React.Component { 
    render() { 
     // render your component 
    } 

    componentWillUpdate(nextProps) { 
     if (nextProps.specificProperty !== this.props.specificProperty) { 
      // Do whatever you want 
     } 
    } 
} 

YourComponent = connect(mapStateToProps)(YourComponent);