请解释在 React 中，组件状态的更新方式以及状态变更时内部发生了什么过程？

回答思路

1. 【回答框架 1】在 React 中，状态更新主要通过调用 setState（类组件）或 useState 返回的更新函数（函数组件）来实现。这些方法会触发组件的重新渲染。
2. 【回答框架 2】状态更新的过程大致是：调用更新函数后，React 会将更新加入队列，并调度一次渲染。在渲染阶段，React 会根据新的状态生成新的虚拟 DOM，并与之前的虚拟 DOM 进行对比（diff），计算出需要更新的最小变化。
3. 【回答框架 3】然后 React 将这些变化应用到真实 DOM 上，完成更新。这个过程是异步的，React 可能会将多个更新合并为一次渲染，以提高性能。
4. 【关键点 1】React 状态更新通过 setState 或 useState 的更新函数触发。
5. 【关键点 2】更新过程包括：队列更新、调度渲染、生成新虚拟 DOM、diff 对比、更新真实 DOM。
6. 【关键点 3】状态更新是异步的，可能被合并。
7. 【易错点 1】不要直接修改状态，应使用 setState 或更新函数。
8. 【易错点 2】不要依赖状态更新后的值立即获取，因为更新是异步的。
9. 【易错点 3】避免在渲染函数中直接修改状态，以免导致无限循环。