key值用的的优化
方式一:在最后位置插入数据,这种情况,有无key意义并不大
方式二:在前面插入数据,这种做法,在没有key的情况下,所有的li都需要进行修改;
key的注意事项:key应该是唯一的;key不要使用随机数(随机数在下一次render时,会重新生成一个数字);使用index作为key,对性能是没有优化的;
React 组件性能优化
1、单组件的使用
2、多组件优化
前面讲React生命周期的时候,就提到过,shouldComponentUpdate()方法是一个可以提供优化的点
对比shouldComponentUpdate()方法,react提供了一个很好的方法,就是直接引入PureComponent()类方法,这是对应类组件,对应函数组件也是直接引入memo