小编riz*_*zji的帖子

我可以使用 redux 工具包访问带有 axios 的 createAsyncThunk 中的状态吗?

我对 redux 工具包还很陌生,所以我仍然有一些问题!

按下面的代码,我试图访问状态(loginDetails.usernameloginDetails.password我的内)createAsyncThunk。我显然在这里做错了 - 我尝试createAsyncThunk在不同的文件中编写函数,尝试访问该文件中的状态,然后导入该函数,但无论哪种方式它都失败了。

// Import: Packages
import { createSlice, createAsyncThunk } from "@reduxjs/toolkit";
import axios from "axios";

// AsyncThunk: getUserDetails
export const getUserDetails = createAsyncThunk(
  "userDetails/getUserDetails",
  async () => {
    try {
      const apiUrl = process.env.REACT_APP_URL;

      var config = {
        method: "get",
        url: `${apiUrl}/claimSet?UserName=${state.loginDetails.username}&Password=${state.loginDetails.password}`,
        headers: {
          accept: "application/json",
        },
      };

      const response = await axios(config);
      const data = await response.data;
      return data;
    } catch (error) {
      console.log(error);
    }
  } …
Run Code Online (Sandbox Code Playgroud)

reactjs redux axios redux-toolkit

6
推荐指数
1
解决办法
1176
查看次数

标签 统计

axios ×1

reactjs ×1

redux ×1

redux-toolkit ×1