javascript - react redux调度程序 "Actions must be plain objects"错误

Question

运行此部分时返回错误“操作必须是普通对象。使用自定义中间件进行异步操作。”

这是我的代码:

export function login(data) {
  const login_data = new FormData();

  login_data.append('username', data.username);
  login_data.append('password', data.password);
  login_data.append('grant_type', 'password');
  login_data.append('scope', 'read');

  return dispatch => {
    console.log("LOGIN DISPATCHER");
    axios.defaults.headers.common['Authorization'] = 'Basic ' + btoa('mobapp:SSSSS');
    return axios.post('http://172.16.79.25:9999/oauth/token', login_data)
    .then(res => {
      const token = res.data.access_token;
      localStorage.setItem('access_token', token);
      setAuthorizationToken(token);
      dispatch(setCurrentUser(token));
    });
  }
}

console.log("LOGIN DISPATCHER") never run in this code!!

Answer 1

你的操作实际上返回一个函数，而不是“普通”redux 需要的普通对象。

您需要添加一些中间件来处理此类操作，例如 redux-thunk。

这是示例设置:

import thunk from 'redux-thunk';

const store = createStore(
  reducers,
  applyMiddleware(thunk)
);