React组件的更新机制是怎样的？

【概念释义】

React 组件更新由状态或 props 变化触发：调度更新 → Render 阶段（构建 Fiber、diff、生成副作用标记）→ Commit 阶段（DOM 变更、执行 useLayoutEffect/useEffect）。函数组件通过 Hooks 保存状态；类组件通过 setState/forceUpdate。更新可批量（batching）合并，React 18 在事件、Promise、setTimeout 等场景默认自动批处理。

【基础使用】

function Counter() {