美文网首页
react中解决render,随父组件状态state改变后重新渲

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

作者: 无名程序猿 | 来源:发表于2019-04-10 14:49 被阅读0次

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

解决方法:

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

shouldComponentUpdate(nextProps, nextState) {

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

      return true;

    }

    return false;

  }

相关文章

  • react中解决render,随父组件状态state改变后重新渲

    1、当父组件的state改变后子组件也跟着从新渲染,显然这不是我们要的效果。 解决方法: 子组件添加生命周期函数 ...

  • react(二)

    一、 1.当组件的state或者props发生改变的时候,render函数就会重新执行;当父组件的render函数...

  • React props, state 与 render 函数的关

    当组件state 或 props 发生改变的时候,render函数就会重新执行 当父组件的render被运行时,它...

  • props,state和render的关系

    1、当组件的state或者props发生改变的时候,render函数就会重新执行 react数据变化页面重新渲染 ...

  • React组件基础

    1、虚拟DOM当组件状态 state 有更改的时候,React 会自动调用组件的 render 方法重新渲染整个组...

  • react-native之sectionList 中state更

    问题一:react-native之SectionList 中state更新,render不重新渲染问题 解决方法:...

  • react小知识

    1.React 中render()函数执行的时机:1.组件首次加载 2.setState改变组件内部state 3...

  • react问题小结(持续更新中)

    React组件会在什么时候render? state使用setState正确改变; props改变,并且符合sho...

  • Props,State与render函数的关系

    1. 当组件的state或者props发生改变的时候,它自己的render函数就会重新执行。 2. 当父组件的re...

  • React组件

    组件 组件是React的核心、精髓。组件有输入、输出以及自身状态,分别对应props、render、state,相...

网友评论

      本文标题:react中解决render,随父组件状态state改变后重新渲

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