memoizedState 两个问题

Question

1. memoizedState 是不是保存组件中 useState 的 state

function processUpdateQueue(workInProgress) {
	const lastPendingUpdate = pendingQueue;
	// 这个 state 是不是页面用的 state
    let newState = workInProgress.memoizedState;
    let update = firstPendingUpdate;
    while (update) {
      newState = getStateFromUpdate(update, newState);
      update = update.next;
    }
}

function getStateFromUpdate(update, prevState) {
  const { payload } = update;
  return assign({}, prevState, payload);
}

2. 第二个问题
   Object.assign 合并 update.payload 和 memoizedState，最后拿到的 element 不是只有 lastPedningUpdate 的 element 吗，其他 update 的 element 都被覆盖了

Answer 1

杨艺韬 2023-12-11 22:54:27

关于第一个问题，memoizedState存储的内容不是固定的，不同类型的fiber节点的memoizedState存储的内容是不一样的，我们后续的课程里面主要用在了hook，因为没有写类组件，之所以目前会比较疑惑，是因为现阶段还没有真正使用过memoizedState

关于第二个问题，本身就是为了合并，就应该被覆盖

• 提问者 慕盖茨6544834 #1

  第二个问题，后面是不是还有其他东西要处理，现在只是合并了 element

• 杨艺韬 回复 提问者 慕盖茨6544834 #2

  element是基础，这是更新前就要确定的信息，别的逻辑是随着fiber树的构建和更新而完成的