问题标签 [redux-promise]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
867 浏览

reactjs - 登录后启动 Redux/React 轮询

我是 Redux 的新手,这是一个最佳实践问题。

我有一个服务器,我正在将我的应用程序登录到,在成功登录时,我会返回一个 tokenId 和该令牌的到期时间。

tokenId 附加到后续 API 请求以确保我的会话有效。在超过到期时间之前,我需要发送一个生成新 tokenId 的请求。

轮询令牌再生的最佳地点在哪里?我相信从 Reducer 调用 Action 是违反最佳实践的。

0 投票
2 回答
1407 浏览

reactjs - 使用 redux-promise 继续获得未定义的 'dispatch'

我对 Redux 及其概念非常陌生,尤其是中间件,所以对于任何愚蠢的错误,我深表歉意。

在我的这个项目中,我需要使用 redux-thunk。我查看了一些关于如何应用它们的指南和解释。然后我一直收到错误“未捕获的类型错误:无法读取未定义的属性'调度'”。我打开开发人员工具并显示此错误:

在此处输入图像描述

我不知道我是否做对了。以下是我的动作创建者和商店的代码。

动作/index.js

index.js(存储)

0 投票
1 回答
1518 浏览

redux - 如何使用 redux 和 redux-promise 将多个 axios 调用合并到一个有效负载中?

我正在尝试进行一项操作,该操作将进行两次单独的 API 调用,然后将数据合并在一起,然后传递给我的减速器。我尝试使用 promise 进行第一次调用,然后使用 axios 的 transformResponse 将数据合并到其中,但我不断收到Uncaught Error: Actions must be plain objects。使用自定义中间件进行异步操作。错误。

最好的方法是什么?

0 投票
2 回答
2290 浏览

typescript - 链接 redux-actions 和 redux-promise-middleware

我使用redux-actionsredux-promise-middleware来调度动作,并使用 TypeScript2.1async await提供支持。

这是一个同时使用redux-actionsredux-promise-middleware

这是一个动作链接的例子,只使用redux-promise-middleware

如何链接 inredux-promise-middleware可以与 一起使用redux-actions

0 投票
1 回答
3201 浏览

php - PHP 脚本在 Redux Action 函数中无法从 axios 的请求中接收数据

我想使用reduxand将一些数据发送到 php 脚本,promise如下所示。

但是php脚本无法接收数据。$_POST当我在using中打印所有数据时var_dump。里面什么都没有。

我在谷歌浏览器调试工具中检查了Request Payload,似乎没有问题。 在此处输入图像描述

在我的 php 脚本中:

我得到了这样的回应:

如何取回 php 脚本中的数据?

0 投票
0 回答
394 浏览

reactjs - 反应承诺不起作用

我正在调用动作创建者并将其发送到减速器并使用反应承诺来处理承诺。但是我收到一个错误,不确定如何修复它或在哪里查看我的代码。

错误:

安装 React 应用程序:

索引.html

0 投票
1 回答
1832 浏览

redux - 调度动作以响应另一个动作

我正在我的应用程序中设置 redux,并从登录开始。到目前为止,我已经让它运行良好 - 用户使用 Google 登录,成功时我的服务器返回一个访问令牌到放入的网络应用程序redux 存储,然后可以用于将来的 API 调用。

我希望 webapp 立即请求当前用户配置文件以响应存储访问令牌。它需要在存​​储访问令牌之后 - 所以在调用减速器之后。

本质上,为了响应 AUTHENTICATED 操作,我想调度 LOAD_USER 操作 - 它本身是基于承诺的,因此最终触发 LOAD_USER_RESOLVED 操作以将新登录的用户存储到商店中,然后显示他们的UI 中的名称。

我目前正在使用 redux-promise-simple,但是如果需要更改,那没有问题。

0 投票
3 回答
3291 浏览

javascript - Redux 中间件设计 re:返回值

所以我刚刚阅读了 redux 中间件,听起来很棒。不过有一件事让我很烦——中间件的返回值。

我知道中间件的某些实例返回东西(即redux-promise),而我得到其他中间件(即logging)没有 - 并且只是返回next(action).

我的问题是,如果我想使用两个都返回东西的中间件会发生什么——它们肯定会互相破坏,我只会得到最外层中间件的返回值。

express/connect中间件通过让中间件将其“结果”写入reqres对象来解决这个问题,但是 redux 的解决方案是什么?

编辑

这是我的问题的更具体示例:

我有两个中间件:

  1. 将所有操作延迟 3 秒分派的中间件。这个中间件返回一个函数,可以调用它来取消调度
  2. 返回数字 5 的中间件,因为出于某种原因我需要数字 5。

根据我链接这两个中间件的顺序,my 的结果dispatch(action)要么是延迟取消 fn,要么是数字 5。但是我如何获得这两个结果呢?

0 投票
1 回答
937 浏览

reactjs - 如何在 reducer 中处理 Redux 的 redux-promise 中间件 AJAX 错误?

在减速器上处理 AJAX 错误的正确位置是什么?(如果你使用 Redux 加上redux-promise中间件)。

至少应该有 3 种类型的错误:网络错误/超时、未找到数据或 500 内部服务器错误。我试图处理它的方式是:

所以整个减速器是:

以上是处理AJAX 调用可能出现的所有类型错误的正确方法吗?如果没有,那么什么是正确的方法?

0 投票
2 回答
279 浏览

react-redux - 请求完成后触发 Redux 异步操作。为什么?

我的异步操作有问题。我想在调用操作 fetchPosts() 时将“加载”状态设置为 true,而在操作 fetchPostsSuccess() 或 fetchPostsFailiure() 时将“加载”状态设置为 false。

使用我当前的代码,它几乎可以正常工作,除了当 fetchPosts() 接收到来自服务器的响应时“加载”状态发生变化,我想在请求开始时更改此状态。

这是显示我的步骤的简单代码。我正在使用 axios 和 redux-promise ( https://github.com/acdlite/redux-promise )。

有人可以指导我做错了什么吗?