Redux Thunk 动作创建者不调度提取 api

Question

我已经创建了一个小的 react-redux 应用程序来使用 redux-thunk 中间件获取 api 数据，由于某种原因，returns 调度的动作创建器功能不起作用。

动作创作者：

export const fetchUsers = () => {
  console.log('test 1');
  return dispatch => {
    console.log('test 2');
    dispatch(fetchUserRequest);
    axios
      .get("https://jsonplaceholder.typicode.com/users")
      .then(response => {
        const users = response.data;
        dispatch(fetchUserSuccess(users));
      })
      .catch(error => {
        const errorMessage = error.message;
        dispatch(fetchUsersFailure(errorMessage));
      });
  };
};

console.log('test 1') 有效，但 console.log('test 2') 无效。这里是codesanboxlink

Answer 1

您遗漏了一些东西：在您丢失的 userTypes 中没有 _ 当您创建 const 类型时例如 export const FETCH_USER_REQUEST = "FETCH USER REQUEST"; 应该是 export const FETCH_USER_REQUEST = "FETCH_USER_REQUEST"; 同样在 userActions 中从 userTypes 导入它而不是 userReducers 它应该是 import { FETCH_USER_REQUEST, FETCH_USER_SUCCESS, FETCH_USER_FAILURE } from "./userTypes";

我还修复了您的 userContainer、codesandbax：codesandbax

Redux Thunk 动作创建者不调度提取 api

Redux Thunk action creator not dispatching fetching api

redux-thunk

react-redux