React2026-04-10·9 分钟
React 重渲染优化清单(含常见误区)
从状态拆分、组件边界和缓存策略出发,做一份可复用的性能排查清单。
先定位再优化
Profiler 看不到明显耗时时,不要先上 memo。先搞清楚慢在哪里。
常用排查顺序
- 组件是否被上层状态误触发重渲染
- 列表 key 是否稳定
- 是否存在重复请求或无缓存请求
一条经验
接口层做去重和缓存,通常比组件里堆 useMemo 更有效。
React性能优化Hooks
从状态拆分、组件边界和缓存策略出发,做一份可复用的性能排查清单。
Profiler 看不到明显耗时时,不要先上 memo。先搞清楚慢在哪里。
接口层做去重和缓存,通常比组件里堆 useMemo 更有效。