React之提升程序的性能
父组件的输入框一直在变,那么子组件也一直在渲染,单个的父子组件传值可能不影响,项目复杂会影响性能。
这个时候需要在子组件数据更新shouldComponentUpdate的生命周期中加入判断:
shouldComponentUpdate有两个参数:
- nextProps:变化后的属性
- nextState:变化后的状态
shouldComponentUpdate(nextProps,nextState){ console.log(nextProps.content) return nextProps.content===this.props.content }