Создатель действий Redux Thunk не отправляет извлекаемые API

Question

Я создал небольшое приложение Reaction-redux для извлечения данных API с промежуточным программным обеспечением redux-thunk, по какой-то причине функция создателя действий, возвращающая диспетчеризацию, не работает.

Создатели действий:

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, которые вы пропустили, нет _, когда вы создаете типы констант, например, 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";

Я также исправил ваш пользовательский Контейнер, коды и баки: коды и баки