我正在尝试调度一个操作，但收到此错误：“未处理的拒绝（TypeError）：无法读取未定义的属性'类型'”

Question

import axios from "axios";

export function login(content) {
  console.log(content);
  return dispatch => {
    axios.post("/v1/login", content).then(res => {
      console.log(res);
      if (res.data.response.userResponse.userResponseCode == 20000) {
        dispatch(loginSuccess(true));
      }
    });
  };
}

function loginSuccess(isLogginSuccess) {
  console.log(isLogginSuccess);
  return {
    type: LOGIN_SUCCESS,
    isLogginSuccess
  };
}

export default function reducer(
  state = {
    isLogginSuccess: false
  },
  action
) {
  switch (action.type) {
    case LOGIN_SUCCESS:
      return {
        ...state,
        isLogginSuccess: action.isLogginSuccess
      };
    default:
      return state;
  }
}

While doing user login I am calling this action. If user successfully logged in, isLogginSuccess will be true. Trying to call action, but getting error.. please anyone help..

Answer 1

Axios returns a promise, which can resolve or reject. In your case it is returning a rejection and your code isn't handling it. Typically you'd catch it and dispatch some failure action, log it, or ignore it, anything else, but you still need to catch the rejected promise.

For example:

export function login(content) {
  console.log(content);
  return dispatch => {
    axios
      .post("/v1/login", content)
      .then(res => {
        console.log(res);
        if (res.data.response.userResponse.userResponseCode === 20000) {
          dispatch(loginSuccess(true));
        }
      })
      .catch(() => {
        dispatch(loginSuccess(false));
      });
  };
}