问题标签 [redux-actions]

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 投票
2 回答
9903 浏览

javascript - 在 react redux 的操作创建者中返回带有承诺的调度

我有一个actionCreators来分离redux调度的动作/actions/authenticate.js的逻辑和react组件

这是我的authenticate.js,这是我的actionCreators

然后我在我someComponent.js的导入那个actionCreator并使用bindActionCreators绑定它。

下面是这样的:

然后我将该动作连接到我的组件,即Login.js

所以我可以直接在 actionCreator 中调用该函数Login.js

下面是这样的:

但是我想要发生的是这个函数将调度一个redux 操作并在可能的情况下返回一个Promise

像这样的东西:

我想要发生的是当我尝试登录时。调度那些异步 redux thunk 操作并返回一个承诺。如果已解决,我可以重定向或导航到正确的屏幕。

感谢有人可以提供帮助。提前致谢。

0 投票
1 回答
132 浏览

reactjs - 在 React Redux 中联合调用多个操作

我正在学习 React Redux。我的动作如下

我的减速机如下

我想打电话getAddressesuploadImage联名。我怎样才能做到这一点 ?

在此处输入图像描述

0 投票
1 回答
264 浏览

redux - 使用 createActions 而不是 createAction 和 redux-actions 的问题

我在使用createActions时遇到问题,如果只使用createAction一切正常,但如果我尝试使用 createActions 应用程序会显示错误......

未处理的拒绝 (TypeError):Object(...) 不是函数

在我所有具有调度方法的函数中,仅适用于 createAction

0 投票
1 回答
1361 浏览

javascript - 使用有效负载创建操作

我正在编写一个带有 redux 和 redux-actions 的 ReactJS 应用程序。我想在有效负载中创建一个带有登录详细信息的 redux-action,如下所示:

...但我所有的尝试都没有成功。

根据文档,应该有一种方法可以在有效负载中添加数据,但我对前端堆栈的熟练程度不足以真正理解。

这是我到目前为止所拥有的:

动作.js

loginFormContainer.js

loginForm.js

我相信我应该能够在处理提交时提供存储在 loginForm 状态中的电子邮件和密码,但我不知道该怎么做......(是的,我是 js 新手)。任何人都可以帮我解决这个问题吗?

0 投票
1 回答
137 浏览

reactjs - 为什么我的减速器参数类型接受“未定义”?

typescript在我的 react/redux 应用程序中使用。有一个我不明白的类型错误。

以下是我的操作代码:

下面是我的减速器:

问题是关于payload里面的类型handleActions。它的类型是ProductActionProps | undefined. 我必须检查是否payloadundefined函数体内。但我不明白为什么类型接受undefined

0 投票
1 回答
221 浏览

reactjs - 我正在努力用 typescript 完成 redux。如何在这些操作中调整我想要的类型

我只是尝试使用 typesafe-actions 的 createStandardAction。我知道它能够设置动作,有效载荷类型。但我想在数字、字符串等动作中设置actionType,以及使用createStandardAction。我怎么解决这个问题。

0 投票
0 回答
330 浏览

reactjs - redux-actions 库组合操作

我正在尝试设置 redux-actions 库。 是我的代码。问题是我的组合动作只对第一个参数有反应。例子:

在这种情况下,它只会对 DECREASE 做出反应,如果

仅减少 2。我错过了什么?

0 投票
1 回答
90 浏览

redux - 如果 Redux 操作实际上不执行任何操作(IE 调度),为什么它们称为操作

如果 Redux 操作实际上并不作用于数据,而只是返回一个有效负载,为什么它们被称为操作?

除了被调度之外,动作还有其他用途吗,为什么在调用时不调度动作?

这只是未来证明应用程序可与多个商店一起使用的一种方式吗?

这也产生了对 mapDispatchToProps 的需求,它通常是完整的样板代码,用于包装带有调度调用的操作

它通常可以用这个函数来概括,它接受一个动作对象并返回一个 mapDispatchToProps 函数

Object.mapEntries示例。

编辑

我看到最后一个关于 mapDispachToProps 主要是样板的问题可以通过直接传递一个动作对象来避免,并且 connect 将为我映射它们。

0 投票
2 回答
759 浏览

javascript - How to use combineReducers with handleActions

I'm trying to create new reducer survey, which must combine name and questions reducers while using handleActions from redux-actions package. But I recieve an error Invariant Violation: Expected handlers to be a plain object. How should I change it to actually work?

0 投票
1 回答
113 浏览

javascript - handleActions() 中括号 [] 的用途是什么?

我遇到了一个香草柜台教程

我没有在redux-action 文档中看到必须将操作包装在括号内的目的和含义,[].

没有这些,减速器将无法正常工作。

有任何想法吗?