react父组件在调用setState后,子组件数据未刷新的问题
2020-05-02 本文已影响0人
老衲不生气
![](https://img.haomeiwen.com/i23231798/2e0de864596dc405.jpg)
分析:子组件的代码,其构造函数内初始化了自己全新的state,数据是props传入的data,在render函数内通过this.state取数据,这样当父组件调用setState之后,而子组件state里面的数据并没有发生变化,这就导致子组件并没有去调用render重新渲染页面,这种情况即使是调用forceUpdate方法也没用。
解决方法:子组件的生命周期componentWillReceiveProps 中更改值
![](https://img.haomeiwen.com/i23231798/11ee51348cce60db.png)