completeUnitOfWork 中的部分注释有歧义 about react-illustration-series HOT 7 OPEN

这里实际上是在讨论completeWork函数的返回值, 绝大多数情况都返回的null(即不会派生出子节点). 只有一种特殊情况涉及到SuspenseComponent 和 SuspenseListComponent组件, 它们是有返回值的. @creamidea 已经贴上了对应的源码.
在v17.0.2中, 这些组件虽然在源码中体现了, 实际上是用不上的. 这个是v18的feature, 需要安装v18对应的版本才能体验.

SuspenseComponent有下级fallback组件需要渲染, 所以completeWork函数会返回自身, 最后退出completeUnitOfWork, 再次进入beginWork阶段去生成fallback组件对应的fiber节点

from react-illustration-series.

completeUnitOfWork 阶段会有VDOM 的拼接操作

这个能帮忙具体定位一下代码吗？我在 completeUnitOfWork 里面没有找到。谢谢

@jacty 指的vdom拼接是否就是指代的SuspenseComponent 的fallback这种形式?

from react-illustration-series.

看源码，有以下几种情况

SuspenseComponent & DidCapture

https://github.com/facebook/react/blob/e0aa5e205feee53043ce1ae8726fe732866e6ea7/packages/react-reconciler/src/ReactFiberCompleteWork.new.js#L1094

SuspenseListComponent

https://github.com/facebook/react/blob/e0aa5e205feee53043ce1ae8726fe732866e6ea7/packages/react-reconciler/src/ReactFiberCompleteWork.new.js#L1308

https://github.com/facebook/react/blob/e0aa5e205feee53043ce1ae8726fe732866e6ea7/packages/react-reconciler/src/ReactFiberCompleteWork.new.js#L1435

from react-illustration-series.

谢谢大佬解答

from react-illustration-series.

深度优先：先找当前节点下是否有子节点，没有的话则查找当前节点的兄弟节点，再没有则返回父节点进行同样类型的查找。
completeUnitOfWork 阶段会有VDOM 的拼接操作，这个拼接会导致当前节点存在新增节点的情况，则需要去查找该新增节点上的一些信息，比如是否还有更深的子节点以及新增节点的属性等。

from react-illustration-series.

completeUnitOfWork 阶段会有VDOM 的拼接操作

这个能帮忙具体定位一下代码吗？我在 completeUnitOfWork 里面没有找到。谢谢

from react-illustration-series.

确实，通过源码看出来，目前 Suspense 会出现新增 fiber 节点的操作。感谢大佬们 🙏

from react-illustration-series.