react中解决render,随父组件状态state改变后重新渲染的问题

1、当父组件的state改变后子组件也跟着从新渲染,显然这不是我们要的效果。

解决方法:

子组件添加生命周期函数 判断props和state状态是否发生变化,发生比变化后再从新渲染子组件。

shouldComponentUpdate(nextProps, nextState) {

    if (this.state.data !== nextState.data) {

      return true;

    }

    return false;

  }

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 作为一个合格的开发者,不要只满足于编写了可以运行的代码。而要了解代码背后的工作原理;不要只满足于自己的程序...
    六个周阅读 8,679评论 1 33
  • 3. JSX JSX是对JavaScript语言的一个扩展语法, 用于生产React“元素”,建议在描述UI的时候...
    pixels阅读 2,979评论 0 24
  • 40、React 什么是React?React 是一个用于构建用户界面的框架(采用的是MVC模式):集中处理VIE...
    萌妹撒阅读 1,190评论 0 1
  • 说在前面 关于 react 的总结过去半年就一直碎碎念着要搞起来,各(wo)种(tai)原(lan)因(le)。心...
    陈嘻嘻啊阅读 7,035评论 7 41
  • 图&文 霖霆 去年5月份,由于工作需要,在南京待了一个月。当时正值春末夏初,并不是南京最美的季节,听说最美的季节是...
    仓语亭阅读 575评论 9 8

友情链接更多精彩内容