updateMode

在react16之后，加入了一些模式，比如AsyncMode，可以通过React.unstable_AsyncMode来进行调用，使用方式类似组件，在应用的最外层包裹

<AsyncMode>
  <App />
</AsyncMode>

这个意思就是他对于所有的子元素都启用了异步渲染。

React.unstable_AsyncMode本身只是一个Symbol，在遇到该元素时，performUnitOfWork会做对应的处理

对于mode节点，他的mode会遗传给他的所有子节点，所以AsyncMode的子节点都是AsyncMode的

function updateMode(current, workInProgress) {
  var nextChildren = workInProgress.pendingProps.children;
  if (hasContextChanged()) {
    // Normally we can bail out on props equality but if context has changed
    // we don't do the bailout and we have to reuse existing props instead.
  } else if (nextChildren === null || workInProgress.memoizedProps === nextChildren) {
    return bailoutOnAlreadyFinishedWork(current, workInProgress);
  }
  reconcileChildren(current, workInProgress, nextChildren);
  memoizeProps(workInProgress, nextChildren);
  return workInProgress.child;
}

results matching ""

No results matching ""

扫码添加Jokcy，更多更新更优质的前端学习内容不断更新中，期待与你一起成长！