React中使用useReducer时调用dispatch后无法打印最新state如何解决？

React的状态更新为批量异步机制，useReducer 和 useState 的更新逻辑一致：调用dispatch后，当前函数闭包内保存的还是本次渲染的旧state值，因此你在dispatch后立即打印lessonState只能拿到更新前的值，并不是你的reducer没有执行。
另外你当前的lessonReducer存在隐患：没有添加默认分支，当传入未定义的action.type时会返回undefined，导致state被清空，建议先补全默认逻辑。

1. 用useEffect监听state变化（最推荐） #

要获取更新完成后的最新state，直接通过useEffect监听lessonState，状态更新完成后会自动触发回调，此时拿到的就是最新值：

// 在组件内添加
useEffect(() => {
  // 这里每次lessonState更新都会执行，打印最新值
  console.log('最新的lessonState：', lessonState)
}, [lessonState])

2. 直接在reducer中调试返回值 #

如果只是想验证reducer是否正确计算了新state，直接在reducer函数内打印返回结果即可：

const lessonReducer = (state, action) => {
  if (action.type === "UPDATE") {
    const newState = { lesson: action.lesson, isComplete: true };
    console.log('reducer返回的新state：', newState)
    return newState;
  }
  // 补全默认分支
  return state;
};

3. 特殊场景下手动调用reducer拿最新值 #

如果确实需要在dispatch后立即拿到计算后的新值做后续逻辑，可以手动调用一次reducer获取结果，适合临时需要同步拿到计算值的场景：

const initializeLesson = () => {
  const updateAction = { type: "UPDATE", lesson: 2 };
  dispatchLesson(updateAction);
  // 手动调用reducer计算新值
  const newState = lessonReducer(lessonState, updateAction);
  console.log('计算后的新state：', newState);
};

内容的提问来源于stack exchange，提问作者lache