问题标签 [redux-promise]

I'm having tough time figuring out why this is happening, but essentially Redux Promise was working fine for me while returning something like:

However, I now need to pass another information with it like so

This results in an unresolved promise instead of data. I tried renaming order to something like position or index... still nothing.

所以，我看到一个错误，redux-promise 将错误返回给我：true，连同有效负载，但那是一旦它击中减速器......对我来说，解耦请求和错误条件有点奇怪，似乎不当。在使用带有reduc-promise（中间件）的axios时，什么是处理错误情况的有效方法..这是我所拥有的要点..

等等......然后我可以处理错误......所以，我的 api 调用现在被分成两个单独的区域，这似乎是错误的......这里一定有我遗漏的东西。我认为在 /actions 中我可以传入处理新操作等的回调，但不能拆分它。

So I picked react-redux-universal-hot-example as a starter kit.

I want to make ajax calls to 3rd party API. (I want to use OpenWeatherMap API)

I want to use axios and react-promise middleware.

The first part installation is easy:

Then I need to apply redux-promise middleware ... I think it goes into create.js somehow.

So I have several questions (all specific to react-redux-universal-hot-example) :

1. Is it the right way to do 3rd party calls using axios with redux-promise or the kit already have another way to do ajax requests?
2. Is create.js the right place to add redux-promise middleware?
3. Also, is there a concise syntax to apply multiple middlewares at the same time?

据我所知，如果我错了，请纠正我，redux-thunk是一个中间件，它可以帮助我们在操作本身中调度异步函数和调试值，而当我使用redux-promise时，我无法在不实现自己的情况下创建异步函数作为 Action 的机制会引发仅调度普通对象的异常。

这两个包之间的主要区别是什么？在单个页面反应应用程序中使用这两个包或坚持使用 redux-thunk 有什么好处吗？

几个月以来我一直在使用 React 和 Redux。生态系统中最令人困惑的部分之一是异步数据流。有许多很好的解决方案可用，为您的问题选择正确的解决方案是困难的部分。

在我的应用程序中，动作创建者大多对我的后端 api进行异步axios [ajax] 调用。注入 Redux-Promise 作为中间件解决了异步数据流的问题。

考虑到可扩展的应用程序，我可能需要在我的操作创建器中链接多个 axios 调用。我认为我仍然可以使用 Redux-Promise 作为中间件，这将处理我的应用程序中的异步数据流。

总的来说，团队更倾向于使用 Redux-Thunk，我觉得这个问题的语法更复杂。考虑到我的大多数动作创建者只进行 axios 调用（承诺），我需要在评估这两个框架时提出建议。我在这里看到了大量关于 Redux-thunk 的讨论。我明白 thunk 是如何有用的。. 但我需要更多说明，仅在用于 Promises 时将 Redux-Promise 和 Redux-Thunk 一起评估。在这种情况下哪个中间件更好，为什么？与 Redux-Promise 相比，使用 Redux-Thunk 有什么优势？还是没有？

我有带有 React Router 的 Redux 应用程序（基于https://github.com/este/este）。

在一个 Route 内，可能有超过 1 个 AJAX 调用（由redux-promise-middleware&触发redux-thunk）。当页面更改（通过react-router）时，我希望拒绝所有剩余的_SUCESS或由前一个路由触发的_FAILED回调 。actions

做这个的最好方式是什么？

我想使用 redux 对以下异步逻辑进行建模：

1. 用户操作会触发一系列异步 API 调用。
2. 任何 API 调用都可能返回 401 状态（登录超时）
3. 如果 API 响应 401，则显示重新登录弹出窗口
4. 重新登录成功后，重新发出 API 调用并继续

我不知道把这个逻辑放在哪里。Actions不知道其他actions，它们只有dispatch的权限，所以不能停下来等待它们完成。Reducers 无法访问 dispatch，所以我不能把它放在那里……那么它在哪里？自定义中间件？商店听听？在智能组件中？

我目前正在使用 redux-promise-middleware 和 redux-thunk。如何最好地组织这种类型的流程——而不需要购买像 redux-saga 或 redux-rx 之类的东西？

也不确定透明中断 API 调用以执行其他操作的最佳方法，即 API 调用在可选登录过程完成之前不应触发其完成或失败的操作。

我在我的操作中发出请求 - 从需要将一些数据加载到我的组件中的 API 中提取。我让它在组件挂载时启动该请求，但我似乎无法让 Redux-Promise 正常工作，因为它只是不断返回：

在我的开发工具中，当我尝试 console.log 我的 componentWillMount 方法中的值时。

下面是我的代码：

商店和路由器

行动

评论减速机

根减速器

零件

非常感谢任何和所有帮助。谢谢你。

我的应用程序的数据源仅提供 XML 格式的数据。

我使用 axios 来获取 XML 数据。它在结果的数据部分中以字符串形式结束。

我曾尝试使用 xml2js 对其进行转换，但它只是触发了一个异步作业并返回，所以我没有让 redux-promise middelware 工作。当 reducer 将数据发送到应该渲染它的组件时，有效负载什么都不是。

不确定这是否有意义，但我可以让 reducer 在组件上发送数据之前等待新函数调用返回吗？

动作 index.js

我的减速机

我是新手，想知道在基于模块化 React 的应用程序中解耦通信的最佳方式是什么。实际上，我的问题是一个简单的旧 JavaScript 抽象，它覆盖了一个 React 应用程序使用的 Restful API。

我需要通知 API 抽象的消费者发生了某些事情（会话在服务器上发生超时）。

通常我会使用 pub sub / 事件总线。

我考虑过添加另一个共享的 redux 层，但它仍然将所有内容耦合在一起，尽管将耦合委托给共享模块，我猜它是一个中介。

我在网上找不到太多关于这个的信息。

有人对此有想法吗？

谢谢