未捕獲的錯誤：操作必須是普通對象。 使用自定義中間件進行異步操作。 即使我在redux中使用compose

Question

我試圖從redux中的api調用中獲取一些數據：

import {createStore,combineReducers,compose,applyMiddleware} from "redux"
import math from "./reducers/mathReducer"
import user from "./reducers/userReducer"
import thunk from "redux-thunk"

const store = createStore(
        combineReducers({
                user,math
            }),
        {},
        compose(applyMiddleware(thunk))
        );
export default store;

獲取數據代碼是：

export function setName()
{
    fetch('http://localhost/login.php', {
        method: 'POST',
        headers: {
            'Accept': 'application/json',
        },
    })
    .then(response => response.json())
    .then( (response) => {
        return {
            type:'SET_NAME',
            payload: response.name
        };
    })
    .catch( (error) => {
        console.warn('Actions - fetchJobs - recreived error: ', error)
    })


}

我遇到了問題：

Uncaught Error: Actions must be plain objects. Use custom middleware for async actions.

我究竟做錯了什么？

Answer 1

更改使用調度的操作解決了上述問題：

export function setName(name)
{
    console.log("Inside setName.");
    return dispatch =>
    {
        fetch('http://localhost/login.php', {
            method: 'POST',
            headers: {
                'Accept': 'application/json',
            },
        })
        .then(response => response.json())
        .then( (response) => {
            dispatch({
                type:'SET_NAME',
                payload: response.name
            });

        })
        .catch( (error) => {
            console.warn('Actions - fetchJobs - recreived error: ', error)
        })

    }   
}