Redux Thunk动作创建者未调度获取api

Question

我创建了一个小型的react-redux应用程序，以使用redux-thunk中间件来获取api数据，由于某些原因，返回调度的动作创建器功能无法正常工作。

动作创建者：

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')无法工作。这是codesanbox链接

Answer 1

您缺少一些东西：在您丢失的userTypes中，当您创建const类型时，例如，_应该为export const FETCH_USER_REQUEST = "FETCH USER REQUEST";时，也没有export const FETCH_USER_REQUEST = "FETCH_USER_REQUEST";。

我还修复了您的userContainer，codeandbax：

import {
  FETCH_USER_REQUEST,
  FETCH_USER_SUCCESS,
  FETCH_USER_FAILURE
} from "./userTypes";