未知のエラー：アクションはプレーンなオブジェクトでなければなりません。非同期アクションにはカスタムミドルウェアを使用します。私はReduxのでAPI呼び出しからいくつかのデータを取得しようとしていますReduxの

Question

で構成し使用していた場合でも：

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) 
     }) 

    } 
}