一、核心概念对比 45% 30% 25% 三剑客功能分布 组件渲染优化 缓存计算结果 缓存函数引用 特性 React.memo useMemo useCallback 类型 🎯高阶组件 (HOC) Hook Hook 优化粒度 🎯组件级别 计算结果 函数引用 触发条件 Props变化时 🎯依赖变化时 🎯依赖变化时 性能成本 浅比较开销 🎯计算开销 引用存储开销 二、深度解析(可视化版) 1. React.memo 工作原理