React中DOM结构发生变化后，内部经历了哪些变化？

【概念释义】

DOM 结构变化后 React 内部：Render 阶段 reconcile 生成 effectList（Placement/Update/Deletion flags）→ Commit mutation 阶段 execute DOM 操作（appendChild、removeChild、updateProperties 改 attribute/property）→ useLayoutEffect 读新 DOM → paint → useEffect。Virtual DOM diff 决定最小变更集，非全量替换 innerHTML。

【基础使用】