标签[redux-toolkit] - 堆栈内存溢出

在 Redux 中尝试使用非异步代码时出现“Actions must be plain objects”错误 - Getting a 'Actions must be plain objects' error when trying to work with non-async code in Redux

我使用来自 Redux 站点的这些文档为我的 Redux state 管理创建了一个基本设置： https://redux.js.org/usage/usage-with-typescript 。我的基本设置如下，基本上是从上面链接的 Redux 文档复制而来的：商店.ts storeHook ...

无法将多个减速器与 combineReducers 一起使用，在 state 上收到未知属性警告 - Can't use multiple reducers with combineReducers, getting an unknown property warning on state

我的商店设置如下：登录缩减器/切片如下所示：计数器减速器/切片如下所示：现在的问题是我无法通过这种方式访问这两个减速器的值，这应该是正确的方式（也根据 Redux Devtools）：做这样的事情： ...返回undefined ，但尝试执行state.counter.counterVal ...

如何使用通用异步 thunk 作为参数键入 function？ - How to type function with generic async thunk as parameter?

我无法获得正确的类型以将异步 thunk 作为 function 的参数传递并传播其 3 个关联的泛型类型，以便在调用 function 时可以推断出它们。我在文档中找不到任何关于如何处理这个问题的方法或解释。除了打字，下面的示例在应用程序中按预期工作（公司代码，无法共享）。我的具体用例是我 ...

在 redux 工具包中将存储数据从一个切片访问到另一个切片以在 API 中传递自定义参数 - access store data from one slice to another slice in redux toolkit to pass custom param in API

个人资料切片：import { createSlice, createAsyncThunk } from '@reduxjs/toolkit' import { IMAGE_API, ACCESS_KEY } from "../../app/utils/constant"; export cons ...

使用 redux-toolkit 改变 state 的任何技巧 - Any tips for mutating the state using redux-toolkit

我正在使用 redux-toolkit 和 React。我知道基本的 redux（不使用 redux-toolkit）不允许改变原始 state。这就是为什么我选择 redux-toolkit 来做到这一点。但是，我不明白使用 redux-toolkit 来改变 state 的禁止方法是什么。 ...

extraReducers builder.addCase 被拒绝 state 未显示使用 Redux Thunk 与 Redux 工具包与 Typescript - extraReducers builder.addCase rejected state not showing Using Redux Thunk With Redux Toolkit With Typescript

我正在尝试使用 React 向端点发出 POST 请求。在我的builder.addCase reducer 的 fulfilled state 上，生成了我的数据或在完成后返回给我，但是在我的builder.addCase reducer 的 rejected state 上，检查我的 Red ...

useDispatch 不派发给 reducer - useDispatch doesn't dispatch to the reducer

我正在尝试将现有项目从createStore转换为configureStore 。商店.js：export default configureStore({ reducer: { articlesList: loadArticlesReducer } }); 家.js：cons ...

想了解react & redux - Want to know about react & redux

React 和 redux 之间的基本区别是什么？反应和 redux 是一样的吗？为什么我们应该使用 redux？最后为什么叫react-redux呢？我想知道这一点，我只是混淆了这两者。 ...

将 Object 作为 function 参数传递，但在 React 的 function 正文中未定义 - Passing Object as function parameter but getting undefined in function body in React

我用 react-form-hook package 编写了 resetpasswordHandler 表单，并将数据 object 连同 resetToken（字符串）作为参数传递给 authSlice。这是 authSlice 中的重置密码代码如何将数据取回 createAyncThunk ...

使用 Redux 工具未显示图标更改 - Icon change not showing using Redux Tool

我这里的情况有两个组成部分。第一个组件有一个输入字段，另一个组件显示图标和标题名称。我使用了 Redux 工具包，当输入字段被写入任何内容时，图标会更改为另一个图标。问题是图标没有改变我不知道为什么会这样，我想知道如何在组件中定义图标，如下面的代码所示。输入的第一个组件的代码图标更改组件的 ...

如何从 react-redux 持久存储中读取和呈现数据 - How to read and render data from a react-redux persisted store

我正在尝试将 React 存储中的数据 output 放入组件中。当页面重新加载时，我正在使用 redux-persist 来维护整个站点的数据。但是，我无法弄清楚如何将数据呈现到页面上。我尝试在组件上使用来自 react-redux 的 { useSelector } 挂钩，但这并没有将数据 ...

等待 redux-toolkit 变量更新 - Wait for redux-toolkit variable to update

我想做的事：我想在一个父组件中渲染 4 个组件。它们的外观和作用取决于设置。可以使用 API 从后端检索设置。我是怎么做到的：有一个 redux 商店处理 API 请求以获取设置。一旦数据被获取（一次），获取的数据就可以用于所有 4 个组件。提取发生在呈现组件时。我遇到的问题：所有 ...

401 未经授权的反应 axios - 401 Unauthorized react axios

我正在尝试使用 React、redux 工具包和 axios 进行电子商务，问题是我希望用户登录并在登录后立即从后端获取他的购物车它总是失败，并且在我第一次登录时说（未经授权）因为它找不到令牌然后在刷新后它再次说未经授权在第三次刷新后它工作这是我的购物车这是我的登录信息 function 这是我 ...

将数据从一个组件发送到一个切片并接收一个未定义的参数，即使在组件中它被发送得很好 - Sending data from a component to a slice and receiving one parameter as undefined even though in the component it is being sent just fine

我是 redux 工具包的新手。我有一个登录组件，我从那里向用户切片发送 email 和密码。从那里我通过 axios 发出发帖请求。问题是我收到 email 但密码未定义。即使当我在组件中进行控制台登录时，我也可以看到密码是正确的。我在 userSlice 的 loginUser func ...

如何解决错误：无法分配给 object 'SyntaxError' 的只读属性 'message'？反应 - How resolve the error: Cannot assign to read only property 'message' of object 'SyntaxError? React

我正在尝试在 codesandbox 中编写代码，但出现错误。我必须通过三元组进行检查。为了解决这个问题，我使用了三元组？并且：我做错了什么吗？有人可以帮助我吗？有错误的组件代码沙盒 ...

在 React 项目上工作并在 TS 上出错 - Working on a React project and getting error on TS

我正在做一个反应项目，我是 TS 的新手。下面是我的代码 - INITIAL_DATA 看起来像这样 - 我正在这样设置我的 setRows - 我在这里收到 TS 错误 - 不知道我在这里错过了什么。 ...

获取 payload 中的当前 state - Get current state inside the payload

在react中，如果我们要根据state内部设置的属性进行计算，我们可以这样写setState ：const [counter, setCounter] = useState(5) // instead of this: // setCounter(counter + 1) // you can ...

如何使用 RTK 查询的 'upsertQueryData' 添加新条目到缓存？ - How to use RTK Query's 'upsertQueryData' to add a new entry to the cache?

我有一个使用 Redux 工具包的“RTK 查询”数据获取功能的 GraphQL 查询设置。在与此查询相关的突变之后，我想将突变返回的数据添加到缓存中，而无需再次向服务器调用查询。为此，我使用了 API 切片实用程序中的 thunk 动作创建upsertQueryData 。（参考文档） ...

Redux - 当前处理商店中的日期类型 - Redux - handling date types in store currectly

在我们正在进行的项目中，我们有一个包含日期的通用界面。当我们将 redux 添加到项目中时，我们遇到了一个问题，当我们在内部存储包含日期的对象时收到警告A non serialized value was detected in the state... 所以我们更新了我们的代码，在 reduce ...

如何使用 Typescript 不可变地更新 Redux state 数组 - How can I update Redux state array immutably using Typescript

我正在尝试通过做一些像 Todo-List 应用程序这样简单的事情来学习 Typescript。问题是我无法在我创建的切片中更新 Redux state 数组。（或者更像是我不知道该怎么做）这是我的主要组件Todolist.tsx ：这是我的切片组件todoSlice.ts ：我从谷歌尝试了 ...