如何使用Redux Toolkit拥有多个运行相同代码的案例？

文章/答案/技术大牛

发布

1回答

redux、redux-toolkit

我正在努力转换一些旧的Redux代码，以使用新的Redux工具包。我遇到了一个问题，在旧代码中，多个case语句将触发相同的缩减逻辑。如何使用新的case reducer函数来实现这一点？在旧代码中，REGISTER_FAIL、AUHT_ERROR、LOGIN_FAIL、LOGOUT都运行相同的</em

浏览 33提问于2021-02-11得票数 1

回答已采纳

1回答

Redux Toolkit:如何在官方文档中编写getpost端点

redux、redux-toolkit、rtk-query

https://redux-toolkit.js.org/rtk-query/usage/queries#selecting-data-from-a-query-result function PostsList，我尝试编写自己的getMultipleItems端点，但我看到了TS错误。getAllPokemon没有任何参数： getAllPokemon: builder.query({ }) 然后我

浏览 17提问于2021-09-23得票数 0

回答已采纳

2回答

有没有办法从一个切片文件中导出多个切片？在redux-toolkit中

javascript、reactjs、redux、redux-toolkit

我对redux非常陌生，在这里我正在使用redux-toolkit。有没有办法从redux-toolkit中的单个切片文件中导出多个切片？？示例 import { createSlice } from '@reduxjs/toolkit'; name: isAuthenticated实际上，我试图在这里复制我的

浏览 27提问于2020-12-25得票数 0

1回答

Redux-Toolkit中基于响应状态代码的不同操作

reactjs、redux、redux-toolkit

我正在尝试Redux-Toolkit，我真的很喜欢它的简洁性，但我不知道如何读取服务器响应状态码，并根据它来调度不同的操作。firstname, email, }) } ) 我可能会收到不同类型的错误，但所有这些错误都是由我的切片中的单个案例处理的 builder.addCase(registerR

浏览 22提问于2020-07-21得票数 3

回答已采纳

1回答

理解创建-反应-应用程序用于创建redux类型记录应用程序

javascript、reactjs、typescript、redux、create-react-app

在创建react应用程序时，我忘了使用redux-typescript模板。但是现在我意识到我应该用redux-typescript模板创建应用程序。我现在该怎么做？安装@reduxjs/toolkit和redux会有类似的效果吗？也就是说，运行在下面的命令现在会产生使用redux-typescript模板创建应用程序的相同效果吗？yarn add @reduxjs/toolkit</em

浏览 2提问于2022-04-02得票数 0

1回答

我怎么才能摆脱这么多的调度？

javascript、reactjs、redux、store、dispatch

在我的mapDispatchToProps中，我调用draw，当按下十字或零时，它会在我的正方形上绘制。现在代码看起来像这样：const mapDispatchToPropsRedux-thunk能帮到我吗？

浏览 6提问于2021-09-22得票数 1

1回答

将函数传递给promise.then时出现类型错误，但使用内联函数调用时工作正常？

reactjs、typescript、redux-toolkit

我正在将redux-toolkit添加到一个使用Redux的现有项目中，并且我遇到了一些与Typescript类型相关的意外行为。在下面的代码中，我期望将unwrapResult传递给.then的行为类似于只传递(res) => unwrapResult(res)。在另一个项目中，它工作得很好，尽管另一个项目完全是用redux-toolkit编写的。这两个项目使用相同

浏览 90提问于2020-07-20得票数 0

1回答

Redux说，这个片段(19行)是较短的代码(相对于最初的12行)混淆。

redux、redux-toolkit

我正在阅读这一页进入react redux 。我对这个基本示例感到非常困惑，它有12行代码(不包括用法、导入和注释)。然后，我在"Redux示例“上阅读了这一行，代码下面的Redux允许我们编写更容易阅读的更短的逻辑，同时仍然遵循相同的Redux行为和数据流。然而，这个示例是19行代码(不包括使用、导入和注释)。这两个示例的用法都是3行代码</

浏览 6提问于2021-03-21得票数 1

回答已采纳

1回答

Redux工具包生成并返回id (从操作返回数据)

redux-toolkit

根据这个，所接受的模式似乎是在动作创建者中生成id： name: "todos", reducersconst id = uuid(); } }但是，假设我想在创建todo之后使用)) // creates a todo with a uuidid = <some way to

浏览 4提问于2022-03-12得票数 2

3回答

如何使用redux-toolkit配置redux-persist？

javascript、reactjs、redux、react-redux、redux-persist

我已经使用传统的react-redux设置配置了redux-persist，如下所示： onst persistConfig = { storage, {children} </PersistGate>

浏览 314提问于2020-09-06得票数 15

1回答

未定义的TypeError:无法读取未定义的属性(读取“分派”)

reactjs、typescript、redux

我目前正在尝试使用React + Typescript + Redux，并且遇到了一个问题。我正在尝试通过chrome devTools测试Redux的设置。我知道我屠杀了代码(对类型记录来说非常新)，每次测试时，我都会得到这个错误“未定义的TypeError:无法读取未定义的属性(读取”分派“)”。我试图声明一个全局窗口状态，安装了redux工具，但仍然非常失败。这就是我的商店/index.tsx文件的样

浏览 4提问于2022-10-14得票数 0

回答已采纳

2回答

createAsyncThunk是否创建一个Thunk

javascript、redux、redux-toolkit

我在读Redux我有点困惑于createAsyncThunk createAsyncThunk 是雷击和createAsyncThunk完全不同的东西是否取代了Thunk?

浏览 19提问于2022-02-16得票数 0

2回答

使用Redux工具包在切片之间共享操作

javascript、reactjs、redux、redux-toolkit

如何在redux状态切片中共享通用操作？假设我想在profile之外的多个分片中共享下面定义的updateField。我应该从外部文件导入吗？我可以从@redux/toolkit使用extraReducers，但是我应该创建一个新的切片，其中包含我的updateField操作，而该操作没有自己的状态。它只使用导入它的切片的状态。imp

浏览 62提问于2021-09-10得票数 0

回答已采纳

2回答

在monorepo中如何配置jest？

typescript、jestjs、react-testing-library、monorepo

我正在设置一个monorepo，在其中我正在构建一个react应用程序，在那里我将使用类型记录。我们希望使用jest测试后端功能，并使用测试前端功能。谢谢你的帮助。

浏览 47提问于2022-02-05得票数 5

1回答

对redux工具包的createSlice中的多个操作做出反应

reactjs、redux、redux-toolkit

我正在重构我的reducers，以使用redux-toolkit的createSlice。现在我有一个非常基于事件的reducer，有时需要对不同的操作进行类似的状态更新。对于原始的switch/case语句，这是没有问题的： case ActionTypes.CREATION_CANCELLED:

浏览 36提问于2020-09-27得票数 5

回答已采纳

1回答

不带Redux的组合减速剂

reactjs、store、react-hooks、reducers、react-context

在reducer中，我拥有状态的所有逻辑，但我想在其他reducer中分离出reduce的一些功能。在redux中，有combineReducer可以做到这一点。但是有了钩子+上下文，我该怎么做呢？如何组合多个reducers以将其发送到useReducer中的全局提供商？例如，用于认证的“案例”、用于添加产品的另一个“案例”、用于消除供应商的另一个“案例”等等。

浏览 18提问于2019-04-11得票数 7

1回答

在输入更改事件上使用分派会导致重新复制整个页面- Redux工具包

javascript、reactjs、redux、react-hooks、redux-toolkit

我是新来的反应和Redux，我有这个问题：我正在使用Redux工具包。我已经对无线电输入进行了样式化，当对一个输入进行检查时，它必须用它的值更改一个全局状态，但是当全局状态发生变化时，它不能被重新命名，因为在rerender上，它破坏了样式(CSS :checked选择器工作不当只有使用这种状态的元素才必须改变，即。按钮。当全局状态发生变化时，如何防止它们重新生成？我做错了什么？提前谢谢。

浏览 1提问于2022-03-16得票数 1

回答已采纳

1回答

( redux工具包)我想知道使用多个prameters的动作

reactjs、react-native、redux、react-redux、redux-toolkit

我最近开始使用@reduxjs / toolkit。当我看到这方面的代码或文档时，它不工作(未定义.)或者太复杂了(准备？)(造物？)我认为在使用redux工具包时，使用带有减速器和操作的多个参数很简单，但很明显，我被误解了。你对此有什么看法或用法吗？这是减速机。import {createSlice} from '@reduxjs/toolkit'; const initialState =

浏览 5提问于2022-05-06得票数 0

回答已采纳

3回答

没有定义具有rollup和redux的发光元素:进程

redux、react-redux、rollupjs、lit-element

我试图将基于点燃元素的应用程序中的状态管理从简单的全局变量转换为redux。在redux教程之后，我安装了redux工具包，并创建了一个简单的还原器和存储。使用rollup构建应用程序是成功的，但是当我在Chrome中加载应用程序时，我会得到以下错误：在redux代码中有几行代码使用o

浏览 26提问于2021-12-16得票数 2

回答已采纳

2回答

如何从同一组件中分派多个操作？

reactjs、redux、react-redux、redux-thunk

我想做的是，分派两个动作和 ..。我有两个不同的缩减程序和不同的动作创建者，他们调用不同的API。但这里的问题是，它只给出一个动作的结果，这取决于 ..。它显示在控制台两次，但结果来自相同的API。如果a更改了序列，那么它将对其他API的结果进行两次控制。这意味着我的API调用对这两个API都是成功的，但一次只有一个API在调用。Button, Select } from 'an

浏览 26提问于2021-03-02得票数 1

回答已采纳

点击加载更多