React之提升程序的性能

父组件的输入框一直在变,那么子组件也一直在渲染,单个的父子组件传值可能不影响,项目复杂会影响性能。

这个时候需要在子组件数据更新shouldComponentUpdate的生命周期中加入判断:

shouldComponentUpdate有两个参数:

  • nextProps:变化后的属性
  • nextState:变化后的状态
shouldComponentUpdate(nextProps,nextState){
        console.log(nextProps.content)
        return nextProps.content===this.props.content
}
原文地址:https://www.cnblogs.com/linjiu0505/p/11890728.html