如何使用异步 thunk redux axios 中间件分派 post 数据对象

Question

我正在尝试使用异步 redux axios 中间件分派 post 对象数据。由于格式化，我得到 400 https 响应概率。这是我的代码。任何反馈都很棒！

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

export const postResults = createAsyncThunk(
  'results/postResults',
  async ({ data: TestData[] }) => {
        const response = await axios.post(`${url}/data/results`, { data });
        return response.data;
  }
);

const sendData = async (data) => {
  try {
    data = {
      result: 'passed',
      data_id: [0]
    };
    await dispatch(postResults(data));
  } catch (err) {
      console.log(err);
  }
};

我在另一个函数中使用 sendData(data) 来触发事件。

const processData = (e) => {
   //.....
   sendData(data);    
}

我在 xhr.js request.send(requestData):

下调试时得到的输出

requestData: "{\"data\":{\"result\":\"passed\",\"data_id\":[0]}}"

我认为格式是一个问题，我已尝试将其删除 data 因此我可以阅读并发送它的请求

requestData: "{\"result\":\"passed\",\"data_id\":[0]}"

任何想法或反馈！

Answer 1

明白了，我删除了 { } 所以它是这样的：
const response = await axios.post(${url}/data/results, data);

如何使用异步 thunk redux axios 中间件分派 post 数据对象

How to dispatch post data object using async thunk redux axios middleware

reactjs

asynchronous

react-redux

axios

redux-thunk