Redux / thunk错误：操作必须是纯对象。使用自定义中间件进行异步操作

Question

我是Redux的新手，并且已经按照视频https://www.youtube.com/watch?v=93p3LxR9xfM将Redux实施到我的MERN模板中，但是由于“错误：操作必须是普通对象。请使用自定义中间件进行异步操作。”

我相信问题可能出在调度功能中，但是似乎找不到它。

获取文件：

Section

组件：        `export function fetchPosts () { return function(dispatch) { fetch('http://localhost:5000/products/5d082bb89501e113334e5c8e') .then(res => res.json()) .then(posts => dispatch({ type: FETCH_POSTS, payload: posts }) ); } } `

Answer 1

您的fetchPosts操作将返回一个函数，而预期该操作将返回一个普通对象。

在redux中，异步操作需要返回一个函数。但是您需要连接名为middleware的{​​{1}}。

https://github.com/reduxjs/redux-thunk

因此，该错误将消失。

---

如何连接redux-thunk：

redux-thunk