调度动作后如何监听Redux存储中的特定属性更改

reactjs React.js

斯丁理查德

2020-03-18

我目前正在尝试概念化如何在另一个组件中分派之后基于数据更改来处理一个组件中的动作。

采取这种情况：

dispatch(someAjax) ->状态更新中的属性。

之后，我需要另一个依赖于该相同属性的组件来知道已更新该组件，并根据新值调度一个动作。

除了使用某种类型的value.on(change...解决方案之外，处理此类动作“级联”的首选方法是什么？

第2027篇《调度动作后如何监听Redux存储中的特定属性更改》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答

理查德Tom 2020.03.18

您可以使用Redux mapStateToProps和connect带有React的componentDidUpdate(prevProps, prevState, snapshot)钩子。

所以基本上您的代码看起来像这样：

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

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

    componentDidUpdate(prevProps, prevState, snapshot) {
        if (prevProps.specificProperty !== this.props.specificProperty) {
            // Do whatever you want
        }
    }
}

YourComponent = connect(mapStateToProps)(YourComponent);