React 项目中的性能优化技巧如何避免不必要的组件重新渲染？

在 React 项目中，避免不必要的组件重新渲染是性能优化的核心之一。React 的重新渲染机制基于组件的状态（state）、属性（props）和上下文（context）的变化。如果能够有效管理这些变化，就可以避免无效的渲染，从而提升性能。

以下是一些常用的性能优化技巧：

---

一、React 性能优化的关键点

1. 避免不必要的渲染：通过优化组件的状态更新和属性传递，减少触发渲染的次数。
2. 减少渲染成本：通过优化渲染逻辑和虚拟 DOM 的对比过程，降低渲染开销。
3. 缓存结果：使用缓存技术避免重复计算或重复渲染。

---

二、避免不必要的组件重新渲染的技巧

1. 使用 React.memo 优化函数组件

React.memo 是高阶组件，用于缓存函数组件的渲染结果。如果组件的 props 没有变化&