请阐述在 React 应用中，有哪些策略可以防止或减少不必要的组件 render？

回答思路

1. 【回答框架 1】React 组件在 state、props 或 context 变化时可能重新渲染，并非所有渲染都是必要的。避免不必要渲染的关键在于让组件只在依赖的数据真正变化时更新。
2. 【回答框架 2】核心机制是 React 的 diff 算法与 Fiber 架构，通过对比虚拟 DOM 找出变化，但组件自身的 render 仍会被调用。开发者应利用 React.memo 包裹函数组件，或用 shouldComponentUpdate 于类组件，对 props 和 state 进行浅比较，拦截无意义的更新。
3. 【回答框架 3】对于 props 中引用类型的值，memo 的浅比较可能失效。应使用 useCallback 稳定函数引用，useMemo 缓存计算结果，避免因父组件每次创建新引用而导致子组件重新渲染。
4. 【回答框架 4】Context 更新时，所有消费该 Context 的组件都会重新渲染，无论是否真正使用变化的部分。可通过拆分 Context、使用 useMemo 限定 context value，或结合 useSelector 类库（如 zustand）精确控制更新范围。
5. 【回答框架 5】此外，将组件拆分，使状态尽量局部化，减少状态提升造成的无关组件重渲染；并使用纯组件模式，减少副作用。但需注意，优化过度会带来额外代码与复杂度，应以实际性能瓶颈为准。
6. 【关键点 1】React.memo 与 shouldComponentUpdate 实现浅比较，拦截不必要的 props 或 state 变化
7. 【关键点 2】useCallback 和 useMemo 稳定函数与值的引用，配合 memo 生效
8. 【关键点 3】拆分 Context 或使用状态管理库精确订阅，避免大面积重渲染
9. 【关键点 4】状态局部化，减少提升范围，降低无关组件重渲染概率
10. 【易错点 1】memo 浅比较无法感知对象、数组内部变化，若 props 传递内联对象或数组，memo 会失效
11. 【易错点 2】useCallback 与 useMemo 同时使用可能产生额外内存开销与依赖数组维护成本，不必全盘使用
12. 【易错点 3】滥用拆分与优化可能导致过度工程，代码可读性下降，性能未必提升