react在父组件更新时,会去重新去渲染所有子组件。
但是有一些例外
1.showComponentUpdate hook 中返回false的组件(过去常用)
2.使用pureComponent(进行浅比较,如果没有检测到变化就不重新渲染)
(所以一般在setstate的时候,如果对象中也有其他属性存入了对象的地址,会进行浅复制,以节省性能。)
3.使用memo(FC)方法(函数式组件的缓存)
4.基于http的优化。(比如说文件名增加Hash,以使用强缓存。js文件的压缩,gzip,以及组件的异步加载等)。
react 优化篇
最新推荐文章于 2024-07-04 09:55:37 发布