[react] 如何提高组件的渲染效率呢?

Posted 前端小歌谣

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[react] 如何提高组件的渲染效率呢?相关的知识,希望对你有一定的参考价值。

[react] 如何提高组件的渲染效率呢?

类组件:
1、继承PureComponent
2、使用shouldComponentUpdate优化

函数组件:
1、memo模拟PureComponent
2、使用useMemo缓存变量
3、使用useCallback缓存函数
循环添加key,key最好用数组项的唯一值,不推荐用index

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论







主目录

与歌谣一起通关前端面试题

以上是关于[react] 如何提高组件的渲染效率呢?的主要内容,如果未能解决你的问题,请参考以下文章

React初识整理

React组件——类组件

前端开发都有哪些工具可以提高效率

React数据传递

[react] react怎么提高列表渲染的性能?

如何提高程序员的键盘使用效率?