问题标签 [redux-promise-middleware]

我正在尝试在我的应用程序中使用 redux-promise-middleware，但是当我尝试运行我的应用程序时出现错误消息：“中间件不是函数或中间件为空”。

我尝试使用没有 redux 异步文档中建议的功能的中间件，但仍然会出现错误。

configureStore.js

index.js

请任何人告诉我为什么我会面临这个错误。我是redux的新手。

我们正在使用 redux-promise-middleware 并且在弄清楚如何处理错误时遇到了一些困难，所有返回为 400 代码的错误都被处理为“FULFILLED”。我知道这可能是正确的行为，但肯定有一种方法可以在此设置中捕获承诺中的错误。由于我们没有使用 redux-thunk，我特地问你如何处理从 promise 返回的 400 错误。

我们的设置非常基本，但我相信我们应该能够

减速器

任何帮助是极大的赞赏。

I am using redux promise middleware. I am trying to pass the value in Propsx to state. Props comes empty in useEffect. How can I transfer the contents of the props to state. Props value comes next.

action:

reducer:

use in Component

我正在使用slicesRedux Toolkit 的功能。您可能知道，一个切片action为每个 created返回一个reducer。

我想使用该redux-promise-middleware库，对于给定的ACTION_TYPE，它会创建三个可能的新操作：ACTION_TYPE_FETCHING、ACTION_TYPE_FULFILLED和ACTION_TYPE_REJECTED。从 的角度来看，我该如何处理slices？

我正在一起使用 redux-thunk 和 redux-promise 并且不知何故 redux-thunk 中间件没有被调用并且我得到一个错误。

这是我的设置

这是我的动作创作者

这是我的高阶 AUTH 组件，它根据我想要更改路由的结果呈现另一个组件并在 ComponentDidMount 中调度操作之后。

最后这是我得到的错误。

https://imgur.com/a/nTnv9kh或https://prnt.sc/tkcs0m

（未处理的拒绝（TypeError）：this.props.dispatch(...).then 不是函数）

如果我不在 ComponentDidMount 中使用 .then()，那么我会得到未定义。另外，如果我通过添加 .then() 在 AXIOS 请求内部分派，这是我得到的另一个错误

（错误：操作必须是普通对象。使用自定义中间件进行异步操作。） https://imgur.com/a/czlvHBj或https://prnt.sc/tkcsqy

使用 Redux Promise 中间件，我们编写如下操作：

不幸的是，redux-promise-middleware 不会在任何“WITHDRAW_PENDING”、“WIT​​HDRAW_FULFILLED”或“WITHDRAW_REJECT”中传递“id”。它只将有效负载中的承诺传递给动作减速器。

在真实环境中，我们有很多项要更新，每个项都有一个 id 来标识，那么我怎么知道要更新哪个项呢？我们必须使用 'id' 来更新指定的项目，但是如何使用 Redux Promise 中间件呢？

所以我已经redux-thunk设置好了，当我调用这个updateUser(userInfos)动作时，它会返回一个用这些信息更新服务器的承诺。

但是依次我也需要用这些信息更新本地状态，如果我等待UPDATE_USER_FULFILLED，我的动作效果不是即时的，这对用户来说感觉很奇怪。

我曾想过在服务器响应到达最新数据之前UPDATE_USER_PENDING减少更新本地状态的操作（这应该是相同的，所以没有重新渲染），但不幸的是，操作是:(payloadUPDATE_USER_PENDINGnull

没有办法用一些数据加载它，这将允许在服务器返回之前即时 UI 响应？

可能是这样的：

但我猜这不可用？

目前，我看到的唯一解决方案是创建一个UPDATE_USER_LOCAL操作，该操作将与服务器调用并行执行本地操作。但这不是很优雅而且更重。

谢谢您的帮助