如何创建一个在 Redux 存储更改时更新的功能组件？答案

【问题标题】：How can you create a functional component that updates on Redux store change?如何创建一个在 Redux 存储更改时更新的功能组件？
【发布时间】：2018-02-01 20:40:05
【问题描述】：

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

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

我的解决方案有效，并且足够适合这种情况，但对于一个简单的功能来说似乎有很多代码。

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

更新：感谢下面的 cmets，我有一个新的工作通道状态信息作为道具。

【问题讨论】：

也许您可以将 redux 连接传递给父“容器”组件，然后将颜色更改作为道具传递给该组件，这样您就可以将其更改为功能组件
为什么不直接使用道具呢？
传递道具有效。我让事情变得比必要的复杂得多。谢谢！

标签： javascript reactjs redux react-redux

【解决方案1】：

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

【讨论】：