useMemo和useCallback的使用场景

1. useMemo本身成本不低,useMemo > 普通计算成本,不要用于记忆普通计算变量
2. useCallback本身成本不低,useCallback > 普通函数重新创建,不要用于记忆普通函数

3. useMemo适用于记忆昂贵计算
4. useCallback适用于记忆传入子组件props的函数,来减少子组件的重复渲染

5. useMemo和useCallback的适用场景包括两种:

5.1 减少昂贵计算
5.2 减少子组件重复渲染

6. useMemo和useCallback用于减少子组件重新渲染,子组件必须使用React.memo包装,否则没有意义
7. React.memo适用于函数式组件,以对props的浅比较,来减少组件不必要的渲染

所以,useMemo和useCallback的使用频率并不高,不能通篇出现这两个东西,只会造成负优化

posted @   全玉  阅读(692)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
历史上的今天:
2017-02-20 css3图片变灰
点击右上角即可分享
微信分享提示