react组件性能优化

1、减轻state:state中只放与渲染有关的数据。如果某个数据需要在多个方法中用到，则应该放在this中。

 2、避免不必要的渲染

组件更新机制：父组件更新会导致子组件更新

子组件不需渲染时导致多余渲染，

解决方法：shouldComponentUpdate(nextProps，nextState)钩子函数，此函数是更新阶段的钩子函数，组件重新渲染前执行，即在render函数前执行。其返回值（true、false）决定render函数是否执行。

注意：在此函数中，可以通过this.props获取组件当前props（未更新），nextProps参数获取组件更新后的props。this.state获取组当前状态，通过nextState参数获取更新后的状态。

 纯组件：PureComponent，自动实现shouldComponentUpdate，自动比较state和props，决定是否更新。

注意：纯组件内部是浅层对比，如果想在对象、数组上实现，则需要创建新数据，不要直接修改数据。