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

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

解决方法:

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

shouldComponentUpdate(nextProps, nextState) {

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

      return true;

    }

    return false;

  }

你可能感兴趣的:(react中解决render,随父组件状态state改变后重新渲染的问题)