React 什么时候会触发重新渲染？
在 React 中，重新渲染是指组件在状态或属性发生变化时，重新计算其输出并更新到 DOM 中。这种机制是 React 的核心特性之一，使其能够高效地更新用户界面。本文将详细探讨 React 触发重新渲染的情况、相关概念以及最佳实践。
1. React 的基本渲染机制
1.1 组件的生命周期
在 React 中，组件的生命周期分为三个主要阶段：
- 挂载（Mounting）：组件被创建并插入到 DOM 中。
- 更新（Updating）：组件的状态或属性发生变化时，会进行更新。
- 卸载（Unmounting）：组件从 DOM 中移除。
在更新阶段，React 会触发重新渲染以反映状态或属性的变化。
1.2 虚拟 DOM
React 使用虚拟 DOM 来提高性能。当组件的状态或属性变化时，React 首先会在内存中创建一个虚拟 DOM，然后与之前的虚拟 DOM 进行比较（称为“调和”），并最终计算出需要更新的部分。这种方式减少了直接操作真实 DOM 的次数，从而提高了性能。</