fiber.updateQueue = {
  baseState, // 初始 state，update 基于該 state 計(jì)算新的 state
  firstBaseUpdate, // 更新前該 FiberNode 中已保存的 update 鏈表，表頭為 firstBaseUpdate
  lastBaseUpdate, // 鏈表尾部為 lastBaseUpdate
  // 觸發(fā)更新后，產(chǎn)生的 update 會(huì)保存在 shared.pending 中形成單向環(huán)狀鏈表
  // 計(jì)算 state 時(shí)，該環(huán)狀鏈表會(huì)被拆分并拼接在 lastBaseUpdate 后面。
  shared: {
    pending
  }
}

hook.queue = {
  pending: Update | null, // 環(huán)形鏈表
  dispatch: Function
}

type Update = {
  lane: Lane;        // 優(yōu)先級(jí)
  action: any;       // setState 傳入的值/函數(shù)
  next: Update | null;
}

pending
   ↓
update1 → update2 → update3
   ↑                 ↓
   ← ← ← ← ← ← ← ← ←

setCount(c => c + 1)

function dispatchSetState(fiber, queue, action) {
  const update = {
    lane: requestUpdateLane(), // 分配優(yōu)先級(jí)
    action,
    next: null
  };

  enqueueUpdate(queue, update);

  scheduleUpdateOnFiber(fiber);
}

function enqueueUpdate(queue, update) {
  const pending = queue.pending;

  if (pending === null) {
    update.next = update;
  } else {
    update.next = pending.next;
    pending.next = update;
  }

  queue.pending = update;
}

processUpdateQueue()

let newState = baseState;

let update = firstUpdate;

do {
  if (lane 滿足當(dāng)前優(yōu)先級(jí)) {
    newState = reducer(newState, update.action);
  } else {
    // 跳過（并發(fā)關(guān)鍵）
    // 執(zhí)行在下一次 render 開始的時(shí)候，和下一 render 的 updates 組成新的鏈表
  }

  update = update.next;
} while (update !== null);

function reducer(state, action) {
  return typeof action === 'function'
    ? action(state)
    : action;
}

hook.memoizedState // 當(dāng)前 state

hook.baseState     // 上一次穩(wěn)定 state

hook.baseQueue     // 未處理的 update

setCount(1)        // 高優(yōu)先級(jí)
startTransition(() => {
  setCount(2)      // 低優(yōu)先級(jí)
})

if ((update.lane & renderLanes) !== 0) {
  // 執(zhí)行
} else {
  // 跳過
}

setCount(1)
setCount(2)

setCount(count + 1)
setCount(count + 1)

setCount(c => c + 1)
setCount(c => c + 1)

updateQueue → render 階段
effectQueue → commit 階段