react父组件在调用setState后,子组件数据未刷新的问题

react生命周期

分析:子组件的代码,其构造函数内初始化了自己全新的state,数据是props传入的data,在render函数内通过this.state取数据,这样当父组件调用setState之后,而子组件state里面的数据并没有发生变化,这就导致子组件并没有去调用render重新渲染页面,这种情况即使是调用forceUpdate方法也没用。

解决方法:子组件的生命周期componentWillReceiveProps 中更改值

示例代码

你可能感兴趣的:(react父组件在调用setState后,子组件数据未刷新的问题)