redux-toolkit相关内容
代码包装箱在此处https://codesandbox.io/s/rtk-github-issues-example-03-final-async-su4hz?file=/src/features/issuesList/IssuesListPage.tsx 我已经使用了AppDispatch,它建议https://react-redux.js.org/using-react-redux/stat
..
我有减速机 const userAuthSlice = createSlice({ name: "userAuth", initialState: { token: '', }, reducers: { setToken: (state, action) => state.token = action.payload.test
..
我在 Next.js 应用程序中使用 RTK (redux-toolkit).我正在尝试在“getInitialProps"中发送一个 AsyncThunk Action.搜索时,我发现了一个名为“next-redux-wrapper"的包.暴露“商店"在“getInitialProps"中,但我正在努力弄清楚如何使其适用于我的项目. 这是我目前使用带有 2 个减速器的 Typescript
..
我已经成功地使用 Axios 编写了我的应用程序来获取内容.截至目前,它已设置为在发生某些事件时获取内容(例如单击提交按钮).不过,我正在试验 Redux 的 RTK-Query 解决方案.这个包生成钩子,在他们的示例中,他们提供了简单的组件级调用挂载钩子的例子. 我如何利用这些 rtk-hooks(以及一般的钩子),以便将它们与诸如 onClick、onSubmit 和条件事件之类的行为联
..
我想知道从 extraReducer 调用 dispatch(someDumbAction()) 是否可能(或一个好的做法). 例如,我在 createSlice 的 reducers 对象中有一个 setData() 操作.我想直接在我的组件中调用 setData().但我也想在 extraReducer 监听器中调用它,以便重用 reducer 逻辑,如下所示: //Thunk 动作e
..
Reactjs 新手,尝试通过编码学习,我需要一些代码帮助/建议,将这个 Redux 商店转换为 Redux 工具包,这里我使用名为 configureStore 的函数,有什么好方法可以将其更改为 using'configureStore'来自'@reduxjs/toolkit'这是为了学习目的'createRootReducer' 来自我的 reducers.js,它结合了 const cr
..
我有一个 Products 组件,它向“/api/products"发出 GET 请求.在后端,在路由处理函数中,我抛出一个错误 &向客户端发送自定义错误消息(“未授权"). 在客户端,我想显示我从服务器发送的自定义错误消息.但是,当我 console.log 操作对象时,错误消息显示为:“请求失败,状态代码 500". 如何访问我从服务器发回的错误消息? 我做了一些研究来处理
..
如何使用 React Redux Toolkit 从商店获取数据并获取缓存版本(如果我已经请求)? 我需要请求多个用户,例如 user1、user2 和 user3.如果我在 user1 已经被请求之后提出请求,那么我不想再次从 API 中获取 user1.相反,它应该给我来自商店的 user1 的信息. 如何使用 Redux Toolkit 切片在 React 中执行此操作?
..
我使用的是 react-router-dom v5.2. 登录后,我希望我的页面从 / 重定向到 /home.登录表单位于 /. 当我尝试在没有任何异步功能的情况下执行身份验证(即,将用户名和密码与 react 中的硬编码值进行比较)时,一切正常. 但是当我使用 express 和 mongo 执行身份验证时,登录时的重定向停止工作.如果我再次登录,则会发生重定向.受保护的路由仍
..
此操作引发以下错误: setTimerState(state, { payload }: PayloadAction t.timerId === timer.timerId)!timerInStore.state = timerState} 错误:不变失败:在调度中检测到状态突变,路径为:cookingSession.stepTimers.0.state.看看处理动作的减速器 {"type"
..
我在 state 参数(payload)中的 reducer 函数返回唯一的代理: Proxy {i: 0, A: {...}, P: false, I: false, D: {...}, ...}[[处理程序]]:空[[目标]]:空[[IsRevoked]]:真 我的切片是状态代理: import { createSlice } from "@reduxjs/toolkit";导出 con
..
我似乎无法从 Redux-toolkit 的 createAsyncThunk 函数接收到 Promise我对打字稿相当陌生,我正在努力弄清楚为什么它会给我属性 'then' 在类型 'AsyncThunkAction' 错误中不存在,即使我删除输入后会返回承诺.这是我的 createAsyncThunk f-n export const getStudentByIdRequest = crea
..
我正在尝试将 redux persist 添加到 redux 工具包,但由于某种原因,我得到了一个 Exported 变量 'store' has or is using name '$CombinedState' from external module ".../node_modules/redux/索引"但不能命名. vscode 错误. 这是我的商店配置文件,添加了持久配置,如果我将
..
问题(tl;dr) 我们如何创建一个自定义redux-orm reducer 和 redux-toolkit 的 createSlice? 是否有比此问题中提供的尝试更简单、推荐、更优雅或只是其他的解决方案? 详情 一个自定义redux的例子-orm reducer 看起来如下(简化): function ormReducer(dbState, action) {cons
..
我想更新状态并尝试了几种方法来做到这一点,但我不能.首先,我在获取状态时遇到了问题,作为结果,我得到了代理,而不是状态. 这是由 redux 工具包的 current() 函数修复的.接下来,我遇到的问题是突变主切片状态. 这是一个用于变异的reducer. reducers: {setUser:(状态,有效载荷)=>{控制台日志(“之前",当前(状态));//初始化状态state.
..
我正在尝试使用类型来配置具有预加载状态的 Redux 存储. Redux Toolkit TypeScript 快速入门指南有这个例子: import { configureStore } from '@reduxjs/toolkit'const store = configureStore({减速器:{一:oneSlice.reducer,二:twoSlice.reducer}})//从
..
我将 Redux Toolkit 与下面的 thunk/slice 一起使用.与其在状态中设置错误,我想我可以通过等待 thunk 承诺解决来在本地处理它们,使用此处提供的示例. 我想我可以避免这样做,也许我应该通过在状态中设置 error 来避免这样做,但我有点想了解我在这方面出错的地方. 'AsyncThunkAction' 类型的参数不可分配给类型为“Action"的参数.类型“As
..
==================== TLDR ============================ @markerikson(请参阅已接受的答案)亲切地指出了当前的解决方案和未来的解决方案. 编辑:2020 年 11 月 15 日:链接到文档以在 Slice 中使用异步 Thunk RTK 确实支持使用 thunk 中间件的 reducer 中的 thunk(参见答案)
..
我正在尝试通过 createAsyncThunk 将异步 Axios POST 请求逻辑从我的注册组件移动到一个 thunk. 这是我的注册组件 从'react'导入React;从 'axios' 导入 axios;import { useDispatch, useSelector } from 'react-redux';import { setUserProperty } from '
..
在 reducer 操作中使用 console.log() 时,状态打印为 Proxy 对象,而不是我实际想要查看的对象.如何看到实物?我正在使用 redux-starter-kit createSlice,我不确定这是否与它有关. import { createSlice } from "redux-starter-kit";导出接口 IToDo {身份证号码;名称:字符串;完整:布尔值;}c
..