渲染、提交与更新

把一次更新拆成触发、执行渲染、提交三阶段,解释父更新为何带动子组件函数重执行,并用工具验证判断。

React核心约 25 分钟
开始学习
学习目标
  • 按触发、执行渲染、提交三阶段描述一次状态更新的完整过程
  • 解释默认行为:父组件更新会重新执行全部子组件函数,但 DOM 只在有差异处被修改
  • 用 console.log 与 React DevTools 高亮验证「谁重新渲染了」
知识点
渲染流程提交阶段重渲染范围React DevTools

内容版本 1.0.0,核验于 2026-10-26

Command Palette

Search for a command to run...