javascript - 你如何创建一个功能组件来更新 Redux store 的变化？

Question

对于我的应用程序，我想创建一个组件，其唯一目的是在 Redux 存储发生更改时进行更新。

我通过 componentDidMount() 实现了这一点，它检查组件的状态是否与存储匹配，如果不匹配则设置状态。

我的解决方案有效，并且足够适合这种情况，但它看起来像一个简单的功能需要很多代码。

如何才能达到相同的结果，一个在 Redux 存储更改上更新的组件，使用功能组件或更简单的有状态组件？

---

更新:感谢下面的评论，我有一个新的工作 channel 状态信息作为 Prop 。

Answer 1

React 组件由于 props 和状态的变化而呈现，因此当您将组件连接到 Redux store 时并提供 mapStateToProps，当 redux store 更新您将从该函数返回的提到的 Prop 时，您的组件将重新呈现。您可以通过 componentWillReciveProps 生命周期方法检测变化。