问题标签 [redux-reducers]

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 回答
880 浏览

reactjs - Redux:从切片缩减器操作调用 thunk 操作

我有一个按需加载孩子的树结构,这是我的减速器。我遇到的问题是,当我想从 toggleExpandedProp 调用我的 thunk 操作时,我得到了异常(见下文)。我该怎么办?

发生异常。错误:无效的挂钩调用。钩子只能在函数组件的主体内部调用。这可能由于以下原因之一而发生:

  1. 你可能有不匹配的 React 版本和渲染器(例如 React DOM)
  2. 您可能违反了 Hooks 规则
  3. 您可能在同一个应用程序中拥有多个 React 副本有关如何调试和修复此问题的提示,请参阅https://reactjs.org/link/invalid-hook-call 。
0 投票
1 回答
39 浏览

javascript - 文件树归约器中的状态未定义

我只想从我的 reducer 返回一个对象数组,但useSelect()返回 undefined

减速器/目录/index.js:

减速器/目录/reportDir.js:

减速器/index.js:

这是我为我的 react 应用程序创建的一个简单的目录路径,我不知道我为什么undefined要从中获取reportDirReducer

0 投票
1 回答
88 浏览

redux - 如何在使用 Redux Toolkit 的多个切片时监听全局操作并直接更新 rootState?

我的 Redux 商店中有一个状态,形状如下:

每个页面都是使用createSlicefrom创建的切片@reduxjs/toolkit

我正在使用 Next.js 静态生成和 SSR,因此我需要使用来自 Next.js 服务器的后续页面的新状态来补充我之前创建的商店。

无论我要路由到什么页面,我都会得到 pre-rendered pageState,它应该是 type StatePageA | StatePageB | StatePageC

当新状态出现时,我需要dispatch()一个HYDRATE_PAGE操作,它应该替换当前页面状态。

这是我对如何处理HYDRATE_PAGE动作的第一个想法。

然后我必须在每一片中听它:

有没有一种方法可以集中处理它,而不必在每个切片缩减器中监听该操作?

例如:rootReducer一种我可以监听HYDRATE_PAGE动作并在一个地方处理它的东西,比如。

这有可能吗?


额外的

有一个名为next-redux-wrapper 的包,但我不打算使用它。我正在尝试构建我的自定义解决方案。

0 投票
1 回答
116 浏览

react-native - 在本机反应中使用减速器更新屏幕

我试图在任务中添加图片,然后更新平面列表以查看更新,但它没有。如果我关闭并返回应用程序,它会起作用。如果我显示商店,我还会看到即时更新,但不是在我的屏幕上。

这是我的代码的一部分:

任务图像.js

TasksReducer.js:

任何想法..?

0 投票
1 回答
586 浏览

javascript - 错误:[Immer] 一个 immer 生产者返回了一个新值*并*修改了它的草稿。返回一个新值*或*修改草稿。(棋盘游戏.io)

我知道stackoverflow中有一个非常相似的问题,但我无法弄清楚我的代码中的错误是什么。总而言之,我对 React 和 Javascript 很陌生(我对 redux 也一无所知),我正在Boardgame.io做一个项目。这个平台有自己的模板来定义游戏的状态和规则(回合/阶段等)。模板是这样的:

我正在做一个定义一个玩家可以做的可能动作之一的函数(buildRoad):

}

此函数使用定义状态 G 的对象和其他具有相似信息的对象 ctx。我在这里用 cPlayer 做的是调用我在 G 中定义的对象之一:

在最后一个 if 中,我调用了另一个检查函数,并且(我猜)错误来自哪里,或者至少我认为:

}

这个函数还没有完成,这就是为什么它总是返回 true,但是当我尝试移动buildRoad时问题就来了。控制台显示此错误:

我一直在寻找可能是我在代码中的错误,但我没有看到任何奇怪的东西。我一直在阅读有关此错误的信息,但我对immerreducer了解不多(我认为错误来自于此)。我会感谢任何帮助。如果需要,我可以发送更多信息。

0 投票
1 回答
290 浏览

javascript - 尝试导入错误:“addToCart”未从“../actions/cartActions”导出。使用 Redux

我正在按照教程学习 Redux 并在我自己的项目中使用它。我之前使用的每一个动作都很完美。但是对于我的最后一个操作,我收到了这个错误:

这是我商店的一部分

这是我收到此错误的著名组件

这是我的减速器

这是我的行动

谢谢你帮助我:)

祝你今天过得愉快。

0 投票
1 回答
40 浏览

javascript - 当我注册时,我无法看到用户名,直到我刷新或登录

当我注册时,它会将我带到仪表板页面,那里有一个带有用户名的欢迎说明,但问题是在我刷新或再次登录之前我看不到用户名。我正在共享我的注册 action.js 代码和我的仪表板

我的registration.js代码

动作.js

仪表板.js

0 投票
0 回答
355 浏览

react-redux - 我无法在我的 useState 挂钩中使用来自 redux 存储的数据来展示图像

在此处输入图像描述 这里的 singleCard 对象包含有关产品的所有详细信息,例如 id、title、src 等。我可以将 singleCard 控制台记录为 console.log(singleCard) ,它显示了从 redux store 传递的所有数据,但我可以'无法访问其单个元素,如 singleCard.src 或 singleCard.title 。我想通过将 initialState 设置为 singleCard.src 在 useState 钩子的帮助下展示图像,我该怎么做?

在 useState 中使用 singleCard.src 时,它显示无法读取 undefined 的属性“src”。请帮忙 !

productAction:

产品减速机:

店铺:

0 投票
0 回答
80 浏览

javascript - Redux 状态 - 只有有时它显示“状态相等”

我将 ReactJS 与 Redux 一起使用,并且在 redux 更新时遇到了问题。

在一个组件中,我有以下内容:

那个行动:

这是对应的reducer:

大多数情况下,它会正确删除命令。但有时 redux 会说:状态是平等的。并且不会删除任何命令。

通常我会期望:

总是创建一个新对象(带有一个新的引用)。

你有想法吗 ?

0 投票
1 回答
557 浏览

javascript - 在createlice中将redux调度反应到reducer不起作用

我的朋友们,我开发了 react redux 工具包,一切正常,但是在函数调度中不起作用发送到 react-dom.development.js 中的 dispatchUserBlockingUpdate 函数我的问题在哪里?

我看 changeProfitSortType 函数在需要发送 dispatch(changeProfitSort) 时获取数据不起作用!

这是:sortingSlice.js