问题标签 [redux-framework]

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 投票
1 回答
1556 浏览

javascript - 用redux实现事务的正确方法是什么

我需要对服务器运行两个查询,如果成功执行一些操作。没有redux我会这样做使用Q库:

我的问题是应该如何使用 redux 来做同样的事情?我最好的猜测是我必须实现将使用上面列出的相同方法的中间件:

0 投票
1 回答
610 浏览

javascript - 为什么要求总是返回带有新内部引用的新对象

Redux 要求总是从 reducer 返回新的状态。例如,我有以下状态:

以及修改的reducer internalReferenceProp。这个 reducer 可以被实现为仅更改state对象引用或两者state兼而有之internalProperty

正如我被告知第一种方法是不正确的,所以我的问题是要求也更改内部引用的原因是什么?我知道我应该更改state参考,因为它可以轻松比较以检测是否已state更改,但为什么要更改内部参考?

0 投票
1 回答
892 浏览

reactjs - Redux logging in

I have been looking for an elegant (and correct) way to handle logging in for a Redux application. Currently the the user is directed to a login component/container where he see's a form with username and password. Then when he clicks on submit I call an async login function and when the promise is fulfilled then I dispatch a loginSuccess and also a replacePath call. The following is some pseudo code:

This works but I'm not sure it's best practice. Anyone have any better implementations?

0 投票
1 回答
451 浏览

javascript - 如何在 Redux 中使用级联更新对相互依赖的数据进行建模?

例如,假设我在一个页面上有两个单独的项目列表。也许我们是从比萨店和分店订购的。

  • 清单 1 - 食物类型 - 披萨,子
  • 清单 2 - 调味品 - 生菜(仅限 Sub)、洋葱(两者)、凤尾鱼(仅限披萨)

我有两个单独的减速器来跟踪列表 1 和 2 中的选定项目。

假设用户选择了 Pizza 和 Anchovies,但决定他宁愿选择 Sub。他切换了他的选择,并发送了一个动作来更新 foodType 减速器。调味品还原剂是如何意识到这一点的?

我看到了两种可能的解决方案,但都有缺陷。

我可以在两个减速器中收听 FOOD_TYPE_CHANGED 操作,并且假设需要一些额外的计算,还可以在调味品减速器中计算新的食物类型,这样两者就不需要直接相互了解。当然这是多余的,但它还有另一个问题。假设有第三个列表取决于调味品的选择。我们现在是否还必须收听 FOOD_TYPE_CHANGED 并在这里计算 foodType 和 condiment?我们可以永远扩展这个概念,它会继续变得更加复杂。

我可以将它们组合成一个 reducer,并在更高级别处理两者之间的交互。但是假设我有一个复杂的应用程序,它不仅有两个,而且有十个相互依赖的状态。这种方法似乎会很快变得毛茸茸,并且在扩展时并不能真正简化任何事情。

有没有更好的方法来处理这种情况?

0 投票
3 回答
787 浏览

wordpress - Redux Media Field 不显示默认图像预览

我正在使用 Redux 框架在我的 Wordpress 主题中添加主题选项。现在我的问题是,媒体字段不显示默认图像预览。我的代码如下-

0 投票
1 回答
1717 浏览

redux-framework - 在首页显示 Redux 框架滑块选项

我在上面编写代码以在标题上显示我的幻灯片,但现在它的 100% 和高度,所以我想添加到 redux 选项面板选项以将我的滑块图像调整为我需要的大小。

和选项面板代码

如何获得幻灯片的高度值和高度值

我试过

但这不会让我一无所获,幻灯片大小不会改变

0 投票
2 回答
3101 浏览

reactjs - react, i18n, redux 和 react 路由器配置

我有一个使用 react-router 和 redux 的简单(目前)应用程序,我想为其添加国际化功能。

我已经安装了 npm 包react-i18next,并且能够安装和运行提供的示例。我已将适当的导入添加到我自己的应用程序中,并将 i18n 标记添加到根渲染方法中。

当我将I18nextProvider标签添加到渲染方法时,出现错误

找不到模块“反应”

这不是特别有用,特别是因为如果我删除标签,反应应用程序运行良好。

我使用的渲染方法是:

编辑: 我已经使用 yo react 生成器启动了一个空白应用程序,它给出了同样的问题,所以我只能假设这个问题与 webpack 构建有关

我对 react/redux 等人很陌生。但在互联网上没有很多帮助的情况下,真的很感激任何帮助。

完整的堆栈跟踪是:

未捕获的错误:找不到模块 'react'o @ index.js?0f21:1(匿名函数)@ index.js?0f21:1r.4.react @ index.js?0f21:1o @ index.js?0f21:1 (匿名函数)@索引。

js?0f21:1r.2../I18nextProvider @index.js?0f21:1o @index.js?0f21:1e @index.js?0f21:1(匿名函数) @index.js?0f21:1c @index.js?0f21:1c js?0f21:1(匿名函数)@index.js?0f21:1(匿名函数)@app.js:4127__webpack_require__@app.js:535fn@app.js:76(匿名函数)@VM91841:35(匿名函数) )@index.js?9552:67(匿名函数)@index.js?9552:67(匿名函数)@app.js:1024__webpack_require__@app.js:535fn@app.js:76(匿名函数)@app.js js:567__webpack_require__ @ app.js:535(anonymous function) @ app.js:558(anonymous function) @ app.js:561 client?8a21:22 [WDS] 启用热模块更换。

0 投票
3 回答
13916 浏览

reactjs - 具有多个动作/状态的 Redux connect()

在 Redux 中将多个状态与相应的动作创建者连接起来的正确方法是什么?这甚至是个好主意吗?如果这是一个愚蠢的想法,我该如何解决?

我基本上想要的是这样的:

0 投票
1 回答
854 浏览

reactjs - React Router 不会渲染任何其他路由

我正在使用最新版本的 React、React-router、React-router-redux 和 react-redux,但除了我的应用程序之外,我似乎无法获得任何其他路由来渲染。我得到的只是一个空白页。我没有做任何嵌套,但我怀疑这可能与我的设置有关......在控制台中检查时也没有出现错误。

我的 index.js 看起来像这样:

我的 App.js 是这样的:

我的 Test.js 文件从 'react' 导入 React, {Component}

任何帮助将不胜感激!我确定我在某个地方搞砸了……

0 投票
1 回答
124 浏览

reactjs - 作用于多个商店的动作

我有一个动作需要在它自己的存储中传输数据,但也在配置存储中。我需要这个,因为添加的数据不同,而且清除方式也不同。

我想知道在这种情况下使用组合减速器是否会更好?或者对多个商店采取行动是一个可以接受的解决方案?