一、组件更新机制
1、state变化
2、props变化
3、父组件更新
二、优化
1、减少state
把不做渲染的数据,直接挂在在this下,防止他们变化时出发更新。
2、使用shouldComponentUpdate
shouldComponentUpdate(nextProps,nextState){
if(nextProps.content!=this.props.content)return true
else return false
}
对state的处理同理
3、使用React.PureComponent
React.PureComponent 与 React.Component 几乎完全相同,但 React.PureComponent 通过prop和state的浅对比来实现 shouldComponentUpate()