请描述 React 中组件记忆化（memoization）的实现方式，并阐明其背后的工作原理。

回答思路

1. 【回答框架 1】React 中组件记忆化主要通过 React.memo 实现，它是对函数组件的高阶组件封装，通过浅比较（Object.is）props 来决定是否重新渲染。如果 props 未变，则跳过渲染，复用上一次的结果。
2. 【回答框架 2】原理上，React.memo 拦截后续的渲染请求，比较前后 props 的引用是否相同，若相同则直接返回缓存的渲染结果，从而避免不必要的 reconciliation 和虚拟 DOM 生成。
3. 【回答框架 3】对于组件内部的计算或回调，常使用 useMemo 和 useCallback。useMemo 缓存计算结果，依赖不变时不会重新计算；useCallback 缓存函数引用，防止子组件因 props 变化而重复渲染。
4. 【回答框架 4】需要明确：memoization 只能用于性能优化，不能保证渲染一致性，因为浅比较可能遗漏深层变化。
5. 【关键点 1】React.memo 是组件级记忆化，通过浅比较 props 跳过重渲染。
6. 【关键点 2】useMemo 缓存值，useCallback 缓存函数，二者都依赖依赖项数组。
7. 【关键点 3】浅比较只比较引用，对对象/数组的深层变化无法感知。
8. 【关键点 4】memoization 是优化手段，不改变组件逻辑。
9. 【易错点 1】过度使用 memo 可能导致额外内存开销，且当 props 频繁变化时收益有限。
10. 【易错点 2】依赖数组不完整可能导致使用了过期的闭包值，引发 bug。
11. 【易错点 3】浅比较对嵌套对象变化可能失效，需正确设计 props 结构。