用途：在推理 React 渲染模型、理解组件树或调试意外更新行为时使用，帮助避免渲染阶段产生副作用等常见错误。
主要能力：梳理 React 架构分层（React 元素、组件、Fiber 树、协调器、渲染器）；说明单向数据流、声明式 UI、组合优于继承、纯渲染、不可变更新等核心原则；区分 React 元素、组件与 Fiber；给出渲染三阶段（触发、渲染、提交）与协调算法要点；介绍 Fiber 架构带来的增量渲染、优先级调度、暂停恢复与并发渲染；说明函数组件生命周期、createRoot 入口与 StrictMode 开发期检查；对比 React 18 与 React 19 的差异。
使用方式：资料提供入口示例，使用 createRoot 挂载根节点，并在开发期用 StrictMode 包裹根组件： import { createRoot } from 'react-dom/client'; import { StrictMode } from 'react'; import App from './App'; const root = createRoot(document.getElementById('root')!, { onCaughtError, onUncaughtError }); root.render(<StrictMode><App /></StrictMode>);
适用场景：理解渲染与提交流程、排查更新异常、设计组件树与数据流、评估并发特性影响。
限制：资料强调不得在渲染阶段做副作用、不得直接修改 state 或 props、不得依赖渲染时机或次数、不得直接访问 Fiber 内部、服务端渲染须用 hydrateRoot、不得假设 root.render() 后 DOM 同步更新。StrictMode 检查仅在开发环境生效。具体版本行为与 API 细节以官方文档为准。