组件性能优化

1、减轻 state

减轻state： 只能存储跟组件渲染相关的数据（比如： count/列表数据/loading等）
注意：不用做渲染的数据不要放在state中，比如定时器id等
对于这种需要在多个方法中用到的数据，应该放在this中

2、避免不必要的重新渲染

组件更新机制：父组件更新会引起子组件也被更新，这种思路很清晰。
问题：子组件没有任何变化时也会重新渲染
解决方式： 使用钩子函数shouldComponentUpdate(nextProps,nextState)
作用： 通过返回值决定该组件是否重新渲染，返回true表示重新渲染，false表示不重新渲染
触发：更新阶段的钩子函数，组件重新渲染前执行（shouldComponentUpdate -> render）

3、纯组件
说明：纯组件内部的对比是shallow compare(浅层对比)
对于引用类型来说： 只比较对象的引用（地址）是否相同
注意：state 或 props 中属性值为引用类型时，应该创建新数据，不要直接修改原数据