问题标签 [redux-toolkit]

当我使用 useSelector 订阅商店时，我的 Redux-async 函数无休止地调用并挂起我的系统。

我的产品切片

ProductList.js 使用 Reducer 实现：

我想要建议我应该在哪里以及如何编写我的快餐栏，所以它应该在获取数据或获取时发生任何错误时发出通知。有很多相同的示例，但由于文件夹结构，我的情况有所不同。示例：src/api.js

src/slice.js

src/app.jsx

现在，我可以在哪里以及如何使用我的快餐栏从服务器获取状态，无论它是否获取！这只是我的项目的模型。

我正在使用 nextjs，react js app，创建面向 Uncaught TypeError: store.getState is not a function nextjs app 的 redux 商店。有人可以帮助解决这个问题。我正在删除提供商，应用程序正在运行，但我无法访问商店。这是我的 store 代码创建。store.js

我的应用程序，我在哪里设置提供程序。_app.js

这是错误错误：

使用 Redux-Toolkit，我尝试在一个内部使用 ThunkAPI 和调度，createAsyncThunk但由于类型错误而被拒绝。不知道如何解决这个问题。

我的商店：

我的行动：

但是，我得到的输出为

任何帮助将不胜感激。

有如下代码（不是实际的工作代码，只是给你一个想法）：

fetchData 类型

如何设置dispatch最终返回数字数组的类型？Any是临时解决方法

编辑：

fetchData实际上是一个动作。我不会在这里详细介绍，但让我们假设它看起来像这样：

我正在创建一个能够使用电子打开文件夹的 JavaScript 应用程序。前端是用 Typescript、React 和 redux 工具包编写的。
每当我单击按钮以显示打开对话框时，它会出现两次，一个接一个。
我试过调试，发现减速器只被调用一次，但 ipcRenderer 函数被调用了两次。
下面是代码

我正在尝试完成我的 gatsby 电子商务网站的构建过程。

通常，常见错误“未定义窗口”很容易调试，因为该错误还会输出位置和在服务器端呈现中引用窗口对象的代码。但对我来说唯一输出的是以下内容：

它没有表明错误发生在哪里。此外，在我的整个项目甚至 node_modules 中搜索关键字“window”不会返回任何内容！

我应该注意到所有代码都是通过 node_modules 导入的。我没有任何来自 CDN 或其他东西的导入。如果甚至没有声明 windows 对象，还有什么可能引发此错误？

这是我的依赖项

这令人难以置信的沮丧。对可能导致此问题的任何见解都会对我有很大帮助。

假设我有一个跟踪大学课程的应用程序。每门课程都有一些属性，例如name time notes id. 在应用程序中，用户可以添加/删除课程并编辑其属性。我将如何为此构建一个 redux 商店？

我的第一个想法是使状态成为映射对象，如下所示：

其中状态中的每个条目对应于一个课程实例。然后，当用户添加新课程时，我会在状态中添加一个新条目

这并不理想，因为我必须id在每种情况下都冗余地使用课程减速器来更新正确的课程。我想在商店中为每门课程都有一个状态对象，并像这样编写我的案例缩减器：

我不必担心我正在更新哪个课程，因为它们的功能都相同。有没有办法为共享相同 reducer 逻辑的每门课程动态创建状态？

我有一个由大量类似条目组成的 redux（子）状态。

我使用的是Redux Toolkit所以我的 reducer 是这种形式（注意 Redux Toolkit 使用不可变的更新逻辑，所以我可以直接分配修改状态）

我有点卡在如何使用useSelector. 我想要做的是在我的 Redux 文件中有一个选择器函数，像这样

例如，key在哪里。m20_24然后我会在我的 React 组件中使用该选择器功能

但是我如何传递密钥？

官方 hooks 文档推荐使用闭包来传递额外的变量

然而。useSelector将在我的 React 组件中，我想将传递给useSelector我的 redux 文件中的选择器函数保留，所以我看不到如何使用闭包。

我想我可以将整个状态从我的选择器函数中传递出去

然后将其视为我的 React 组件中的一个对象并在那里键入它

但这似乎有点难看。

如果这是要走的路，是否会myVar在我的 Redux 状态中的任何字段发生更改时更新？我有点不清楚useSelector 相等测试机制是如何工作的——它说它使用“严格相等”，所以如果我的状态对象的任何部分发生了变化（也就是说，如果字段“m20_24”发生了变化）那么myVar将是更新？

感谢您的任何见解！

我正在尝试使用 createAsyncThunk 进行一些 API 调用，但我似乎无法让它工作。我的正常操作是有效的，所以我必须正确地将我的组件连接到 redux，但是我缺少关于 createAsyncThunk 的一些不同的东西。从下面调用 this.props.checkSession() 什么都不做。checkSession 中的任何 console.logs 都不会被打印，而 fetch() 永远不会到达服务器。

应用屏幕

行动

减速器

店铺