Redux中如何从dispatch createAsyncThunk生成的Action获取返回值？

你提出的const { payload } = await dispatch(initUser());是完全可行的，下面详细说明细节和正确用法：

原理说明 #

当你dispatch由createAsyncThunk创建的action时，dispatch会返回一个Promise，这个Promise最终会解析为一个action对象：

• 如果thunk函数成功执行并return了数据（比如你的代码里return的user），这个对象的type为user/initUser/fulfilled，payload字段就是你return的用户数据
• 如果thunk函数抛出错误（通过Promise.reject(e)），await dispatch(...)会进入catch块，你可以在这里捕获错误信息

正确写法示例 #

修改你的signin函数，注意不要重复调用initUser（避免触发两次API请求），直接一次调用并解构结果：

const signin = useCallback(
  async (token: string) => {
    try {
      // 调用一次dispatch并解构payload获取用户数据
      const { payload: user } = await dispatch(initUser());
      // 这里可以直接使用user变量
      console.log('初始化完成，用户信息:', user);

      if (location.pathname === PATHS.auth) {
        navigate(PATHS.dashboard);
      }
    } catch (e: any) {
      // 捕获initUser中Promise.reject抛出的错误
      console.error('初始化用户失败:', e);
    }
  },
  [location.pathname, dispatch, navigate]
);

额外注意事项 #

1. 你的initUser内部已经通过dispatch(setUser(user))将用户数据存入了Redux store，如果其他组件需要使用该用户信息，可以通过useSelector钩子从store中读取，无需在每个调用处都获取返回值
2. 如果不需要在signin中使用用户数据，仅需要等待初始化完成，直接await dispatch(initUser())即可，不需要解构payload
3. 确保你的thunk函数始终正确返回数据或抛出错误，这样dispatch的Promise状态才能正确对应执行结果

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