redux-toolkit相关内容

如何使用“next-redux-wrapper"使用“Next.js"、“Redux-ToolKit"和打字稿正确吗?

我在 Next.js 应用程序中使用 RTK (redux-toolkit).我正在尝试在“getInitialProps"中发送一个 AsyncThunk Action.搜索时,我发现了一个名为“next-redux-wrapper"的包.暴露“商店"在“getInitialProps"中,但我正在努力弄清楚如何使其适用于我的项目. 这是我目前使用带有 2 个减速器的 Typescript ..
发布时间:2022-01-08 23:10:18 其他开发

在函数内部使用 RTK-Query 钩子的方法?

我已经成功地使用 Axios 编写了我的应用程序来获取内容.截至目前,它已设置为在发生某些事件时获取内容(例如单击提交按钮).不过,我正在试验 Redux 的 RTK-Query 解决方案.这个包生成钩子,在他们的示例中,他们提供了简单的组件级调用挂载钩子的例子. 我如何利用这些 rtk-hooks(以及一般的钩子),以便将它们与诸如 onClick、onSubmit 和条件事件之类的行为联 ..
发布时间:2021-12-31 16:19:40 其他开发

从 redux 更改为 redux 工具包

Reactjs 新手,尝试通过编码学习,我需要一些代码帮助/建议,将这个 Redux 商店转换为 Redux 工具包,这里我使用名为 configureStore 的函数,有什么好方法可以将其更改为 using'configureStore'来自'@reduxjs/toolkit'这是为了学习目的'createRootReducer' 来自我的 reducers.js,它结合了 const cr ..
发布时间:2021-12-29 11:24:42 前端开发

Redux Toolkit:无法访问服务器发送的错误信息

我有一个 Products 组件,它向“/api/products"发出 GET 请求.在后端,在路由处理函数中,我抛出一个错误 &向客户端发送自定义错误消息(“未授权"). 在客户端,我想显示我从服务器发送的自定义错误消息.但是,当我 console.log 操作对象时,错误消息显示为:“请求失败,状态代码 500". 如何访问我从服务器发回的错误消息? 我做了一些研究来处理 ..
发布时间:2021-12-21 18:29:51 其他开发

如何缓存我已经请求的数据并使用 React 和 Redux Toolkit 从商店访问它

如何使用 React Redux Toolkit 从商店获取数据并获取缓存版本(如果我已经请求)? 我需要请求多个用户,例如 user1、user2 和 user3.如果我在 user1 已经被请求之后提出请求,那么我不想再次从 API 中获取 user1.相反,它应该给我来自商店的 user1 的信息. 如何使用 Redux Toolkit 切片在 React 中执行此操作? ..
发布时间:2021-12-21 18:29:16 其他开发

登录时使用 react-router-v5 和 redux-toolkit 重定向页面

我使用的是 react-router-dom v5.2. 登录后,我希望我的页面从 / 重定向到 /home.登录表单位于 /. 当我尝试在没有任何异步功能的情况下执行身份验证(即,将用户名和密码与 react 中的硬编码值进行比较)时,一切正常. 但是当我使用 express 和 mongo 执行身份验证时,登录时的重定向停止工作.如果我再次登录,则会发生重定向.受保护的路由仍 ..
发布时间:2021-12-21 18:21:57 其他开发

用 redux-toolkit 重写 redux-orm reducer

问题(tl;dr) 我们如何创建一个自定义redux-orm reducer 和 redux-toolkit 的 createSlice? 是否有比此问题中提供的尝试更简单、推荐、更优雅或只是其他的解决方案? 详情 一个自定义redux的例子-orm reducer 看起来如下(简化): function ormReducer(dbState, action) {cons ..
发布时间:2021-07-05 20:27:36 其他开发

Redux Toolkit - 我无法更新 Slice 状态?

我想更新状态并尝试了几种方法来做到这一点,但我不能.首先,我在获取状态时遇到了问题,作为结果,我得到了代理,而不是状态. 这是由 redux 工具包的 current() 函数修复的.接下来,我遇到的问题是突变主切片状态. 这是一个用于变异的reducer. reducers: {setUser:(状态,有效载荷)=>{控制台日志(“之前",当前(状态));//初始化状态state. ..
发布时间:2021-07-05 20:25:48 其他开发

如何使用 Redux Toolkit(使用 TypeScript)解决“AsyncThunkAction"类型中缺少“属性"类型?

我将 Redux Toolkit 与下面的 thunk/slice 一起使用.与其在状态中设置错误,我想我可以通过等待 thunk 承诺解决来在本地处理它们,使用此处提供的示例. 我想我可以避免这样做,也许我应该通过在状态中设置 error 来避免这样做,但我有点想了解我在这方面出错的地方. 'AsyncThunkAction' 类型的参数不可分配给类型为“Action"的参数.类型“As ..
发布时间:2021-07-05 20:22:36 其他开发

如何实现 createAsyncThunk

我正在尝试通过 createAsyncThunk 将异步 Axios POST 请求逻辑从我的注册组件移动到一个 thunk. 这是我的注册组件 从'react'导入React;从 'axios' 导入 axios;import { useDispatch, useSelector } from 'react-redux';import { setUserProperty } from ' ..
发布时间:2021-07-04 20:34:29 其他开发

登录控制台时如何查看状态而不是减速器操作中的代理对象?

在 reducer 操作中使用 console.log() 时,状态打印为 Proxy 对象,而不是我实际想要查看的对象.如何看到实物?我正在使用 redux-starter-kit createSlice,我不确定这是否与它有关. import { createSlice } from "redux-starter-kit";导出接口 IToDo {身份证号码;名称:字符串;完整:布尔值;}c ..
发布时间:2021-07-04 20:27:21 其他开发