美文网首页
react父组件在调用setState后,子组件数据未刷新的问题

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

作者: 老衲不生气 | 来源:发表于2020-05-02 14:35 被阅读0次
react生命周期

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

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

示例代码

相关文章

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

    分析:子组件的代码,其构造函数内初始化了自己全新的state,数据是props传入的data,在render函数内...

  • react中调用子组件的方法

    class组件 父组件 子组件 react hook 父组件调用子组件方法 父组件 子组件

  • MobX in React 坑集

    数据更新与生命周期 Bug: 父组件 setState 后,子组件未触发生命周期 willReceiveProps...

  • vue强制刷新子组件的数据

    一、问题:在父组件里面加载了自定义的子组件,父组件添加数据后,子组件的数据怎么跟着刷新??? 二、解决方法: 1、...

  • React中 Context组件传参的方法

    React组件间通信用的最多的是props,让子组件接受父组件的数据,或者通过调用父组件的函数以更改父组件的数据,...

  • 2017.11.23

    React如何在父组件里面调用子组件的方法在父组件中引用子组件时,给子组件定义ref='name',父组件通过th...

  • React父子组件间的另类操作

    React父子组件的数据流向通常是由父组件通过props传到子组件上,常规操作是父组件传入props给子组件调用,...

  • vue子父组件通信

    子父组件传递数据 父组件===》子组件。父组件通过props向子组件中传递数据和改变数据的函数,通过在子组件中调用...

  • react中父组件调用子组件的方法

    react中父组件调用子组件的方法 最近项目中用到了react,需要在父组件中调用子组件的某个方法,那么如何获取到...

  • vue组件通讯

    父子通讯 父组件向子组件通讯(单向数据流传递,子组件不应该改变父组件里面数据的值),父组件代码如下 父组件在调用子...

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/olykghtx.html