Skip to content

实现commit阶段

本节课代码地址(请参考课程获取) react内部3个阶段: schedule阶段 render阶段(beginWork completeWork) commit阶段(commitWork)

commit阶段的3个子阶段

beforeMutation阶段 mutation阶段 layout阶段 当前commit 阶段要执行的任务: fiber 树的切换 执行Placement 对应操作 需要注意的问题,考虑如下JSX ,如果span 含有flag ,该如何找到它:

jsx
<App>

<div>

<span>只因</span>

</div>

</App>

打包ReactDOM

需要注意的点: 兼容原版React 的导出 处理hostConfig 的指向

用心学习,用代码说话 💻