fiber树构造(对比更新) -> 过程图解 -> performUnitOfWork第 4 次调用(执行beginWork和completeUnitOfWork)

7kms / react-illustration-series

图解react源码, 用大量配图的方式, 致力于将react原理表述清楚.

http://7km.top/

GNU Affero General Public License v3.0

7.5k stars 804 forks source link

fiber树构造(对比更新) -> 过程图解 -> performUnitOfWork第 4 次调用(执行beginWork和completeUnitOfWork) #107

Open Xi-yu opened 1 year ago

Xi-yu commented 1 year ago

【beginWork执行过程: 调用updateHostComponent】这里的逻辑是不是错误的呢？根据上文的逻辑，这里current!==null，应该对比优先级判断当前fiber节点不需要更新接着调用bailoutOnAlreadyFinishedWork函数，继续判断子节点是否需要更新 !includesSomeLane(renderLane, workInProgress.childLanes)返回true，子节点不需要更新，返回null 进入completeUnitOfWork函数