Error: las acciones deben ser objetos simples. Utilice middleware personalizado para acciones asíncronas. 的 解决

1. La aparición del problema:

1. Durante el reacttiempo de desarrollo del proyecto, la aparición de este error, Error: Actions must be plain objects. Use custom middleware for async actionscomo se muestra a continuación:

2. Análisis y solución de problemas:

1. Análisis del problema: esto es en realidad una falta de middleware personalizado para operaciones asincrónicas, y se requiere middleware. redux-thunk
2. Solución al problema: el npm i redux-thunk --savecomando para descargar redux-thunky usar la configuración, como se muestra a continuación:

import {
    
     createStore, compose, applyMiddleware } from 'redux'
import thunk from 'redux-thunk'
import reducer from './reducer'

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose
const store = createStore(reducer, composeEnhancers(applyMiddleware(thunk)))

export default store