javascript - redux react 错误 : Actions must be plain objects

标签 javascript reactjs redux

我正在学习 redux 并在设置完所有设置后收到此消息:

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

我阅读了 10 个关于这个错误的不同问题,但没有一个解决方案适合我。这是我在 github 上的项目,以防问题不在以下代码中:https://github.com/CodeNinja1395/Test-task-for-inCode/tree/redux

商店:

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,
  applyMiddleware(thunk)
);

export default store;

Action :

import {FETCH_DATA} from './types';

export const fetchData = () => dispatch => {
  fetch('https://raw.githubusercontent.com/CodeNinja1395/Test-task-for-inCode/master/clients.json')
    .then(posts =>
      dispatch({
        type: FETCH_DATA,
        payload: posts
      })
    );
};

最佳答案

您使用旧版本的 redux - v1,而新版本是 v4。当您升级到 v4 时,它会起作用。

npm install redux@^4.0.0

关于javascript - redux react 错误 : Actions must be plain objects,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50514133/

相关文章:

javascript - 折线未在 react-google-map 上呈现

javascript - "Reduce"在使用选择器

reactjs - React - useState 未设置初始值

javascript - React Native 连接函数不通过 props 将操作传递给子组件

reactjs - 性能 : connecting to the Redux store vs passing data through props

javascript - Polymer 元素中的 getElementById

javascript - WKWebView javascript 警报、提示、确认不起作用

javascript - 在 SAPUI5/OpenUI5 中创建和删除 View 时发生内存泄漏

javascript - Twilio JavaScript - 从客户端到服务器的短信

javascript - 使用 HOC(高阶组件)和 React-Redux 连接