关于反应redux的状态

Question

我正在使用Redux编写SPA来管理我的状态。 有一个逻辑组件连接到redux存储，它有一个子组件，它将props传递的“ posts”状态传递给子组件。 在子组件的render函数中：

const {onShow,posts} = this.props;

它运作良好； 只是帖子会随着redux存储而变化。 但是在其componentDidMount()函数或构造函数中，帖子不会随着redux store更改，所以怎么发生？

componentDidMount(){
   const {posts} = this.props;
   console.log(posts)
}

这是完整的组件代码 。 它与“列表”组件和“帖子”组件有关。

Answer 1

据我从您的帖子中了解到，您想知道为什么看不到componentDidMount（）内部状态更新的反映。

这是因为在创建React组件实例并将其插入DOM时会调用componentDidMount函数。 这被称为反应组件生命周期的安装阶段。

为了能够看到对redux状态更新的反映，您需要使用在更新阶段调用的函数，例如：

• componentWillReceiveProps（）
• componentDidUpdate（）
• shouldComponentUpdate（）

要获取更多详细信息，请查看组件生命周期文档：

https://facebook.github.io/react/docs/react-component.html