React 什么时候会触发重新渲染？

在 React 中，重新渲染是指组件在状态或属性发生变化时，重新计算其输出并更新到 DOM 中。这种机制是 React 的核心特性之一，使其能够高效地更新用户界面。本文将详细探讨 React 触发重新渲染的情况、相关概念以及最佳实践。

1. React 的基本渲染机制

1.1 组件的生命周期

在 React 中，组件的生命周期分为三个主要阶段：

1. 挂载（Mounting）：组件被创建并插入到 DOM 中。
2. 更新（Updating）：组件的状态或属性发生变化时，会进行更新。
3. 卸载（Unmounting）：组件从 DOM 中移除。

在更新阶段，React 会触发重新渲染以反映状态或属性的变化。

1.2 虚拟 DOM

React 使用虚拟 DOM 来提高性能。当组件的状态或属性变化时，React 首先会在内存中创建一个虚拟 DOM，然后与之前的虚拟 DOM 进行比较（称为“调和”），并最终计算出需要更新的部分。这种方式减少了直接操作真实 DOM 的次数，从而提高了性能。</