React之提升程序的性能

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

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

shouldComponentUpdate有两个参数:

  • nextProps:变化后的属性
  • nextState:变化后的状态
shouldComponentUpdate(nextProps,nextState){
        console.log(nextProps.content)
        return nextProps.content===this.props.content
}

 

posted @ 2019-11-19 17:12  林玖女神  阅读(128)  评论(0编辑  收藏  举报