使用createAsyncThunk时如何传递参数？

Question

检查了这一点，但传递一个参数并破坏没有帮助。

如何在 redux 工具包中将参数传递给 createAsyncThunk？< /a>

有这个：

export const login = createAsyncThunk("users/login", async (user, params) => {
  const { name, data } = params;
  const { userContext } = await axios({
    method: "post",
    url: `loginEmail`,
    data: data,
    headers: {
      "Content-Type": "application/json",
    },
  });
  return userContext;
});

并收到此错误：

ERROR in src/components/CreatePost.tsx:142:25

TS2554: Expected 0 arguments, but got 1.
    140 |               onClick={() => {
    141 |                 dispatch(
  > 142 |                   login({
        |                         ^
  > 143 |                     email: "j",
        | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  > 144 |                     password: "S",
        | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  > 145 |                   })
        | ^^^^^^^^^^^^^^^^^^^^
    146 |                 );
    147 |               }}

调用时：

dispatch(
  login({
    email: "janoech",
    password: "xxx",
  }))

在此处导入：

import { login } from "../slices/User";

和切片：

const userSlice = createSlice({
  name: "user",
  initialState: {
    userContext: null,
  },
  reducers: {},
  extraReducers: (builder) => {
    builder.addCase(getUser.fulfilled, (state, payload) => {
      state.userContext = payload;
    });
    builder.addCase(logout.fulfilled, (state, payload) => {
      state.userContext = null;
    });
    builder.addCase(login.fulfilled, (state, { payload }) => {
      state.userContext = payload;
    });
  },
});

export default userSlice.reducer;