问题标签 [redux]

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 投票
4 回答
7918 浏览

redux - Redux 是否有内置的方法来撤消操作?

我正在构建一个应用程序,在用户向下滚动时执行操作。如果我可以在用户再次向上滚动时撤消这些操作,那就太好了,基本上将滚动变成了一种浏览操作时间线的方式。

Redux 中是否有内置方法可以做到这一点?还是我必须为此编写中间件?

0 投票
2 回答
64 浏览

reactjs - 组件的层次结构和获取异步数据

首先 - 对不起我的英语不好,希望你明白我的意思,你将能够给我一个答案。

所以,我有以下项目结构:

应用程序(根组件)->标题(包含在应用程序中)->导航(包含在标题中)。

我应该如何将数据发送到导航(它变得异步..)

现在我在 App 中获取这些数据。然后通过 props 将它发送到 Header,然后 - 在 Navigation 中渲染它。

  1. 在加载数据之前,我不想显示导航组件。
  2. 我不希望导航依赖于标题....

当时 - 它看起来像:

我不能放超过 2 个链接,这就是为什么我离开这里的项目。

项目(Github)

实际上 - 它有效!但是你知道,我不确定我选择了正确的方式..

0 投票
5 回答
30366 浏览

javascript - 在成功的异步 redux 操作上转换到另一条路线

我有一组非常简单的反应组件:

  • container挂钩到redux并处理操作、存储订阅等
  • list显示我的项目列表
  • new这是一种将新项目添加到列表中的表单

我有一些反应路由器路线如下:

以便显示 thelist或 theform但不能同时显示。

我想做的是让应用程序在成功添加新项目后重新路由回列表。

到目前为止,我的解决方案是.then()在 async 之后有一个dispatch

这是执行此操作的正确方法还是我应该以某种方式触发另一个动作来触发路线更改?

0 投票
6 回答
22943 浏览

javascript - 如何构建 Redux 组件/容器

我正在使用redux,我不确定如何组织我的组件,我认为最好将它们保存在文件夹中,以主组件的名称作为文件夹的名称,并将所有内部组件放在里面:

然后,在容器文件夹中,我每页有一个容器,这是我实际连接到 Redux 的唯一容器:

然后操作是每个顶部组件一个,而不是每个页面一个,所以在我连接到 Redux 的页面容器中,我传递了该页面中使用的组件的所有操作。例如:

我这样做对吗?我在谷歌上没有找到太多关于它的信息,而且我发现的那些我认为它们仅限于小型项目。

谢谢!

0 投票
2 回答
65938 浏览

javascript - Redux @connect 装饰器中的“@”(at 符号)是什么?

我正在使用 React 学习 Redux 并偶然发现了这段代码。我不确定它是否特定于Redux,但我在其中一个示例中看到了以下代码片段。

虽然 的功能connect非常简单,但我不明白@之前的connect. 如果我没记错的话,它甚至不是 JavaScript 运算符。

有人可以解释一下这是什么以及为什么使用它?

更新:

它实际上react-redux是用于将 React 组件连接到 Redux 存储的一部分。

0 投票
3 回答
2691 浏览

ruby-on-rails - 在 Rails 项目中安装 react-redux

我正在 Rails 中构建一个 React 应用程序并想尝试react-redux。我注意到它既不提供 CDN 也不提供凉亭包。

安装说明建议使用 NPM,但这不是节点项目。我通过 Rails 资产管道、CDN 或 Bower 包(通过rails-assets)处理我当前的所有资产

  • 有没有办法在不使用 NPM 的情况下安装它?
  • 有没有办法让 NPM 包与现有的资产管道包配合得很好?
0 投票
2 回答
6762 浏览

javascript - Redux reducer 初始化相同的状态键

在 github 上弄乱了'simplest-redux-example',并且我添加了第二个减少 state.count 的减速器。如果我在 switch case 语句中有递增和递减减速器,它工作正常。我想要执行的练习是将减速器拆分为尽可能多的模块化部分。此代码抛出一个错误,指出计数未定义。

0 投票
1 回答
821 浏览

reactjs - Redux-router:链接不触发重新渲染,但history.change是

我想让这段代码工作,但没有通过文档或redux-router项目的源代码中的示例得到它。我有这段代码(出于迁移原因,在 /frontend 中以 root 开头):

问题是,当我按下链接时,没有任何变化,并且应用程序不会重新呈现其子项,但是当我使用浏览器导航来回移动时,它确实可以工作。我在哪里搞砸了?

非常感谢!

0 投票
3 回答
15156 浏览

reactjs - 如何将 store 明确地作为道具传递给“Connect()”

我正在尝试测试我的 React 组件并收到以下错误。

不变违规:在“Connect()”的上下文或道具中找不到“商店”。要么将根组件包装在 <Provider> 中,要么将“store”作为道具显式传递给“Connect()”。

在测试中渲染组件时出现错误。

在页面上呈现组件时它工作正常。但是在测试中,我无法将商店显式传递给组件。

有人可以指出正确的方向吗?

0 投票
1 回答
3188 浏览

node.js - API 令牌在 Flux (Redux) 存储中是否安全?

将身份验证调用返回的 API 令牌存储在 Flux(特别是 Redux)存储中是否安全?我已经使用 Webpack 编译了项目中的所有资产,我相信这意味着商店的范围超出了第三方脚本的范围,第三方脚本希望读取商店并提取令牌。

而且,值得一提的是,令牌是通过 HTTPS 在Authorization: bearer ...标头中发送的。