react性能优化

key值用的的优化

方式一:在最后位置插入数据,这种情况,有无key意义并不大

方式二:在前面插入数据,这种做法,在没有key的情况下,所有的li都需要进行修改;

key的注意事项:key应该是唯一的;key不要使用随机数(随机数在下一次render时,会重新生成一个数字);使用index作为key,对性能是没有优化的;


React 组件性能优化

1、单组件的使用

2、多组件优化

前面讲React生命周期的时候,就提到过,shouldComponentUpdate()方法是一个可以提供优化的点

对比shouldComponentUpdate()方法,react提供了一个很好的方法,就是直接引入PureComponent()类方法,这是对应类组件,对应函数组件也是直接引入memo

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。