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