flushPassiveEffects 内执行 render 后的 effect。
commitPassiveUnmountEffects 执行 deletions，递归执行 fiber 树中的所有 unmount 中的回调。commitPassiveMountEffects ，看注释，可知这个过程执行的时机是组件从屏幕外移动到屏幕内，或者从不可见 toggle 到可见。首次执行 commit 时，useEffect 就是从此触发执行。React 会递归调用所有组件的 useEffect，并将返回值存储在 fiber 中。可以在 unmount 时执行。
Screen Shot 2022-09-27 at 21.02.31.png
当 flushPassiveEffects 执行完成后，workLoop 检查到任务队列中已经为空，整个第一次渲染结束了。
flushPassiveEffects 内执行 render 后的 effect。 commitPassiveUn...
updateHostComponent如 div, span 等 element 都是 fiber{tag=Hos...
workLoopSync 中会递归调用 performUnitOfWork，虽然看起来下述代码是一个循环，应该是 ...
commitMutationEffectsOnFiber commitBeforeMutationEffects ...
预备 comimt 当所有的 completeUnitOfWork 结束后，整个 render 过程就结束了。整个...
workLoopSync updateHostRoot React 根据 fiber 不同 tag 执行对应对应的...
主要的流程如上图所示，左边绿色流程表述整体流程，右边表述用到的数据结构。 当ReactDOM.render 开始时...
首先值得注意的是，第一次渲染的时候，调用的是 renderRootSync 即同步模式，其他的情况可能会调用 re...
reconcileChildrenreconcileChildren 可以生成下一个 workInProgress...
本源码学习笔记始发：React 源码学习-yuque 1. React16 架构 React 是一个 UI 框架：...
本文标题：React 18 源代码学习 16 flushPassiveEf
本文链接：https://www.haomeiwen.com/subject/nokqartx.html
网友评论