SorryToPerson logo
返回
React2026-04-10·9 分钟

React 重渲染优化清单(含常见误区)

从状态拆分、组件边界和缓存策略出发,做一份可复用的性能排查清单。

先定位再优化

Profiler 看不到明显耗时时,不要先上 memo。先搞清楚慢在哪里。

常用排查顺序

  1. 组件是否被上层状态误触发重渲染
  2. 列表 key 是否稳定
  3. 是否存在重复请求或无缓存请求

一条经验

接口层做去重和缓存,通常比组件里堆 useMemo 更有效。

React性能优化Hooks