在 React 中，有哪些方法可以阻止或跳过不必要的组件重新渲染？

回答思路

1. 【回答框架 1】React 默认情况下，当父组件重新渲染时，子组件也会重新渲染，即使其 props 未变化。这是由 React 的渲染协调机制决定的。
2. 【回答框架 2】常用的跳过重新渲染的方法包括：使用 React.memo 包裹组件，对 props 进行浅比较，如果 props 不变则跳过渲染；对于类组件，可以使用 PureComponent 或自定义 shouldComponentUpdate 进行控制。
3. 【回答框架 3】在函数组件中，配合 useCallback 和 useMemo 可以稳定函数引用和计算结果，避免因父组件重新渲染导致子组件的 props 变化而触发不必要的渲染。
4. 【回答框架 4】此外，还可以将组件作为 children 或通过 render props 传递，利用组合模式隔离渲染范围；在 React 18 中，可使用 useTransition 或 startTransition 将非紧急更新标记为可中断，从而降低渲染优先级。
5. 【回答框架 5】需要注意，这些方法只是优化手段，不应滥用，过度使用反而可能导致性能下降，应针对性能瓶颈进行优化。
6. 【关键点 1】React.memo 对函数组件进行浅比较实现跳过渲染。
7. 【关键点 2】PureComponent 或 shouldComponentUpdate 用于类组件优化。
8. 【关键点 3】useCallback 和 useMemo 稳定引用，避免不必要的子组件渲染。
9. 【关键点 4】组合模式（children 或 render props）可隔离渲染范围。
10. 【关键点 5】性能优化需结合实际瓶颈，避免过度优化。
11. 【易错点 1】React.memo 执行浅比较，如果 props 中包含引用类型且未正确记忆，优化将失效。
12. 【易错点 2】错误使用 shouldComponentUpdate 返回 false 可能导致界面不更新，引发 bug。
13. 【易错点 3】滥用 useCallback 和 useMemo 会带来内存开销和代码复杂度，收益可能有限。