React / Redux - ошибка: действия должны быть простыми объектами. Используйте пользовательское промежуточное ПО для действий asyn c - PullRequest
Новая
       50

React / Redux - ошибка: действия должны быть простыми объектами. Используйте пользовательское промежуточное ПО для действий asyn c

0 голосов
/ 24 марта 2020

Я получаю эту ошибку, несмотря на то, что я использую Redux Thunk. Redux store также настроен правильно (я думаю). Я создаю приложение MERN и хочу отправить запрос POST в бэкэнд (отправка формы) для создания нового пользователя. Запрос и ответ с сервера в порядке (проверено почтальоном). Я просто не могу найти, где проблема. Создатель действия, который вызывает это: - 

    import axios from "axios";
    export function signupUser(newuser) {
        return function (dispatch) {
            axios.post("/auth", newuser).then((res) => {
                // dispatch
                dispatch({
                    type: "ADDNEW_USER",
                    payload: res.data,
                });
            });
        };
    }

The store setup is :-

    import { createStore, applyMiddleware, compose } from "redux";
    import thunk from "redux-thunk";
    import rootReducer from "./reducers";

    const initialState = {};

    // const middleware = [thunk];

    const store = createStore(
        rootReducer,
        initialState,
        compose(
            applyMiddleware(thunk),
            window.__REDUX_DEVTOOLS_EXTENSION__ &&
            window.__REDUX_DEVTOOLS_EXTENSION__()
        )
    );

    export default store;


The Signup.js component is ->
[Signup.js][1]
and the error is -> [here][2]


  [1]: https://paste.ubuntu.com/p/gCX3wQPt9X/
  [2]: https://imgur.com/a/6SDmydw
...