问题标签 [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 回答
159 浏览

javascript - redux-actions 库导出的动作类型无法重用

通常我们会做以下事情来定义一个 set redux action&reducer with redux-actions library

上面生成的变量openclosesend实际上是 函数类型,它们的 toString()被 redux-action lib 覆盖以导出像"OPEN""CLOSE""send"这样的字符串

但是,如果我们想在 switch 语句中重用这些动作类型,我们必须以这种尴尬的方式连接 ''来传递 switch 表达式。

在处理执行严格相等比较的 switch 语句解析时,是否有任何优雅的方法可以避免这种愚蠢的代码===

提前致谢。

0 投票
1 回答
138 浏览

javascript - 在 ES6 中,函数的这种数组式解构有什么作用?

我通读了redux-actions教程,并且对他们使用(我认为是)解构感到困惑。下面是一个示例(increment&decrement都是函数返回的两个createAction函数)。

这是另一个使用此方法的示例:

有人可以解释这些行中发生了什么吗?简而言之,我只看到{[function]: () => ({})},不明白这是做什么的。

0 投票
1 回答
122 浏览

javascript - 当我更改组件时,如何重新定义减速器的初始状态

更多细节 :

我有一个header内部组件,我有一个菜单,当我在移动设备中时,我有一个汉堡菜单。

当我点击这个汉堡菜单时,我设置了一个状态true并且菜单变为打开,当我点击一个十字时,状态变为false并且菜单关闭。

现在的问题:

如果我更改组件总是保存以前的状态,如果菜单打开并单击home,例如,它实际所处的状态true和我家中打开的菜单,我不想要这个行为。

你有什么建议吗?

看代码:

0 投票
2 回答
310 浏览

javascript - 为什么使用 Return 函数调度 React Actions

在阅读 React/Redux 样板时,我遇到了以下代码片段

/components/auth/signout.js

/actions/index/js

问题:有人可以解释为什么动作创建者signoutUser()只需type: UNAUTH_USER在被调用时返回动作对象,componentWillMount()并且该动作会神奇地被调度吗?

换句话说,我很困惑为什么没有dispatch调用,例如

或者

redux 文档中所示。

0 投票
1 回答
789 浏览

reactjs - React Redux 意外的令牌,预期的“,”

我正在使用带有 react-redux 和 redux-actions 的 React。

我有以下不断告诉我的减速器

意外的标记,预期的“,”

但我不知道为什么。

comments.js (reducer):

引起麻烦的动作是ADD_COMMENT。我已经尝试了以下方法:

或者

也:

我不明白为什么我的代码不正确,我在 atom 中的 linter 说它是 action 和 payload 之间的点,但我不确定。

动作创建者只返回一种 ADD_COMMENT 类型和单个评论的有效负载,格式如下:

0 投票
2 回答
78 浏览

redux - 在 redux 操作中使用“类型”一词

我最近正在尝试将 Redux 与 React Native 一起使用。据我所知,“类型”这个词是受 Redux 限制的,也就是说,如果我的属性中有一个属性,它就不会一起工作。

因为每个命名都完美地映射在我的代码中。我应该如何适应这个?

0 投票
1 回答
124 浏览

javascript - 将附加信息传递给由 `redux-actions` 处理的错误

redux-actions “自动”处理错误:

如果 payload 是 Error 对象的一个​​实例,redux-actions 会自动设置 action.error 为 true

错误将是此操作的有效负载。

但是,如果有效负载是由错误构成的,我如何从减速器中的此操作中提取信息以将相关项目标记为“错误”(从错误消息中提取信息除外)?

我想我可以使用meta动作的信息,但我认为我在这里缺少一些东西。

注意: Flux Standard Action将错误视为一流的概念

Flux 动作可以被认为是一个异步的值序列。异步序列处理错误很重要。目前,许多 Flux 实现不这样做,而是定义单独的操作类型,如 LOAD_SUCCESS 和 LOAD_FAILURE。这不太理想,因为它重载了两个独立的问题:从“全局”动作序列中消除某种类型的动作的歧义,以及指示动作是否代表错误。FSA 将错误视为一流的概念。

0 投票
1 回答
52 浏览

javascript - 是否可以将具有 2 个以上字段的对象返回到 Redux 中的操作?

我是 react redux 的新手,我可以创建一个超过 2 个字段的 Action 吗?通常一个动作返回一个对象

是否可以从类似这样的操作中返回:

这是一个错误吗?它只允许做这样的事情吗?:

谢谢

0 投票
6 回答
6731 浏览

react-native - redux 中的 action、reducer 和 store 有什么区别?

我是 react/redux 的新手。我试图弄清楚 redux 中的所有部分是如何交互的。给我带来麻烦的一件事是理解动作和减速器之间的关系,存储。

0 投票
1 回答
63 浏览

javascript - 为什么不使用使用 Object.assign 的 reducer 更新状态?

我正在尝试创建一个没有 ES6 优势的减速器。这是一个旧的 PHP 应用程序,没有构建过程可用于转译。

我正在初始化状态:

这是reducer,然后是store init:

稍后在 jQuery 中订阅状态document.ready

您可以看到状态未使用操作负载更新。