React.memo / useMemo / useCallback 的性能优化有哪些常见误区?

它们不是银弹,用错反而更慢(记忆化本身有成本):

误区:

  1. 给所有组件包 memo —— 多数组件重渲染成本极低,反而增加比对开销
  2. 在 useMemo 里返回新对象/数组却没缓存依赖 → 依旧每次新建
  3. 忘记用 useCallback 包裹传给 memo 子组件的函数

优化前先用 React DevTools Profiler 定位真正昂贵的重渲染。

同分类其他题目