Redux Toolkit中无需store、state或selector获取asyncThunk请求响应可行吗？

完全可以实现你描述的需求——Redux Toolkit中，调用dispatch(asyncThunk())本身会返回一个Promise，这个Promise会直接resolve到asyncThunk函数的返回值（也就是你的请求响应数据），不需要等待store更新、也不需要使用useEffect或selector读取state。

具体实现示例 #

首先定义你的asyncThunk：

import { createAsyncThunk } from '@reduxjs/toolkit';

// 第一个异步请求：获取基础数据
export const getTest = createAsyncThunk('test/fetch', async () => {
  const res = await fetch('/api/test');
  return res.json(); // 这里返回的内容会成为await dispatch(getTest())的结果
});

// 第二个异步请求：依赖第一个请求的id
export const getTestResultById = createAsyncThunk('test/result/fetch', async (id) => {
  const res = await fetch(`/api/test/results/${id}`);
  return res.json();
});

然后在组件中直接串行调用：

import { useDispatch } from 'react-redux';
import { getTest, getTestResultById } from './testSlice';

function TestDataComponent() {
  const dispatch = useDispatch();

  const fetchDataSequence = async () => {
    try {
      // 直接await dispatch，拿到第一个请求的响应
      const testResponse = await dispatch(getTest());
      // 用响应中的id发起第二个请求
      await dispatch(getTestResultById(testResponse.id));
    } catch (err) {
      // 处理任意一个请求的错误（比如网络失败、接口报错）
      console.error('请求流程出错:', err);
    }
  };

  return (
    <button onClick={fetchDataSequence}>
      加载测试数据
    </button>
  );
}

export default TestDataComponent;

关键说明 #

• 当你dispatch一个asyncThunk时，RTK会自动处理异步流程并分发pending/fulfilled/rejected action到store，但同时dispatch调用本身会返回一个与异步结果绑定的Promise。
• 如果asyncThunk内部抛出错误（比如请求失败），这个Promise会被reject，因此需要用try/catch捕获异常。
• 这种方式完全跳过了state的中间环节，不需要等待store更新后再读取数据，是官方推荐的处理串行依赖异步请求的方案之一。

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