分析:子组件的代码,其构造函数内初始化了自己全新的state,数据是props传入的data,在render函数内通过this.state取数据,这样当父组件调用setState之后,而子组件state里面的数据并没有发生变化,这就导致子组件并没有去调用render重新渲染页面,这种情况即使是调用forceUpdate方法也没用。
解决方法:子组件的生命周期componentWillReceiveProps 中更改值
示例代码分析:子组件的代码,其构造函数内初始化了自己全新的state,数据是props传入的data,在render函数内通过this.state取数据,这样当父组件调用setState之后,而子组件state里面的数据并没有发生变化,这就导致子组件并没有去调用render重新渲染页面,这种情况即使是调用forceUpdate方法也没用。
解决方法:子组件的生命周期componentWillReceiveProps 中更改值
示例代码本文标题:react父组件在调用setState后,子组件数据未刷新的问题
本文链接:https://www.haomeiwen.com/subject/olykghtx.html
网友评论