memo 与属性稳定性

观察列表里的重复渲染,用 memo 挡住不必要的子组件渲染,并用 useCallback/useMemo 稳定传入的属性引用,验证优化前后行为一致。

React核心约 25 分钟
开始学习
学习目标
  • 解释 memo 的浅比较语义,识别内联函数、内联对象等让 memo 失效的「假优化」
  • 用 useCallback 与 useMemo 稳定传给 memo 组件的函数和数据引用
  • 用渲染计数等手段验证:优化后渲染次数下降,交互行为与优化前一致
知识点
memo浅比较引用稳定性useCallback重渲染

内容版本 1.0.0,核验于 2026-10-26

Command Palette

Search for a command to run...