如何创建一个在Redux商店更新时更新的功能组件?

时间:2018-02-01 20:40:06

标签: javascript reactjs redux react-redux

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

我用componentDidMount()实现了这个目的,检查组件的状态是否与商店匹配,如果没有则设置状态。

我的解决方案,并且适合这种情况,但对于一个简单的函数来说似乎有很多代码。

如何使用功能组件或更简单的有状态组件实现相同的结果,更新Redux存储更改的组件?

更新:感谢下面的评论,我有一个新的传递状态信息作为道具。

1 个答案:

答案 0 :(得分:2)

由于道具和状态的更改而导致React组件呈现,因此当您将组件连接到Redux存储时 并提供mapStateToProps,当redux store更新你将从该函数返回的上述道具时,你的组件将重新渲染。您可以通过componentWillReciveProps生命周期方法检测更改。