这一章我们看看几种常见的触发状态更新的方法是如何完成工作的。

在开始学习前，我们先了解源码中几个关键节点（即几个关键函数的调用）。通过这章的学习，我们会将这些关键节点的调用路径串起来。

先从我们所熟知的概念开始。

我们在讲到，

开始于performSyncWorkOnRoot或performConcurrentWorkOnRoot方法的调用。这取决于本次更新是同步更新还是异步更新。

我们在讲到，

commit阶段开始于commitRoot方法的调用。其中rootFiber会作为传参。

我们已经知道，render阶段完成后会进入commit阶段。让我们继续补全从触发状态更新到render阶段的路径。

在React中，有如下方法可以触发状态更新（排除SSR相关）：

• this.setState

• useState

这些方法调用的场景各不相同，他们是如何接入同一套状态更新机制呢？

答案是：每次状态更新都会创建一个保存更新状态相关内容的对象，我们叫他Update。在render阶段的beginWork中会根据计算新的state。

我们会在下一节详细讲解Update。

现在触发状态更新的fiber上已经包含Update对象。

我们知道，render阶段是从rootFiber开始向下遍历。那么如何从触发状态更新的fiber得到rootFiber呢？

答案是：调用markUpdateLaneFromFiberToRoot方法。

该方法做的工作可以概括为：从触发状态更新的fiber一直向上遍历到rootFiber，并返回rootFiber。

由于不同更新优先级不尽相同，所以过程中还会更新遍历到的fiber的优先级。这对于我们当前属于超纲内容。

接下来通知Scheduler根据更新的优先级，决定以同步还是异步的方式调度本次更新。

这里调用的方法是ensureRootIsScheduled。

以下是ensureRootIsScheduled最核心的一段代码：

你可以从看到ensureRootIsScheduled的源码

其中，scheduleCallback和scheduleSyncCallback会调用Scheduler提供的调度方法根据优先级调度回调函数执行。

可以看到，这里调度的回调函数为：

即render阶段的入口函数。

至此，状态更新就和我们所熟知的render阶段连接上了。

让我们梳理下状态更新的整个调用路径的关键节点：

本节我们了解了状态更新的整个流程。

在接下来三节中，我们会花大量篇幅讲解的工作机制，因为他是构成React concurrent mode的核心机制之一。