如何避免redux中的突变
为了避免Redux中的突变，可以采取以下几种方法：
- 使用纯函数：Redux的核心思想是使用纯函数来处理状态的变化。纯函数是指给定相同的输入，总是返回相同的输出，且没有任何副作用。在Redux中，通过编写纯函数的reducer来处理状态的变化，而不是直接修改状态。
- 使用不可变数据：Redux鼓励使用不可变数据，即在进行状态更新时，创建一个新的对象，而不是直接修改原有对象。这可以通过使用工具库如Immutable.js来实现，或者使用ES6中的扩展运算符等语法来创建新的对象。
- 使用Redux中间件：Redux中间件可以帮助我们捕获状态变化的过程，从而进行一些额外的处理。例如，可以使用redux-thunk中间件来处理异步操作，避免直接在reducer中执行副作用操作。
- 使用Selector：Selector是一个可以从Redux的state中获取派生数据的函数。通过使用Selector，可以在应用的不同部分共享数据逻辑，并避免直接在组件中处理状态的变化。
总结起来，避免Redux中的突变需要遵循Redux的设计原则，使用纯函数来处理状态的变化，使用不可变数据来更新状态，结合中间件来处理副作用操作，以及使用Selector来获取派生数据。这些方法能够提高代码的可维护性和可测试性，并减少潜在的bug。
腾讯云相关产品：腾讯云 Serverless 云函数（https://cloud.tencent.com/product/scf）可以用于处理 Redux 中的副作用操作，例如异步操作。此外，腾讯云云原生数据库 TDSQL-C（https://cloud.tencent.com/product/cdb-for-redis）提供了高可用、弹性伸缩的数据库解决方案，可以与Redux配合使用，确保数据的一致性和可靠性。
相关·内容
2回答
我有一个我不能理解的变异的问题，这是我的代码： const copyItems = Object.assign({}, state.items);
for(const typeItems of Object.values
浏览 15提问于2019-03-20得票数 1
回答已采纳
如何处理从阿波罗查询中检索的数据？我的第一个想法是将它保存在redux商店中，修改它(使用redux减少它，使用动作创建者)，然后，当数据准备就绪时(用户单击“保存”按钮)，向阿波罗发送一个突变，以便在服务器上更新它。尽管如此，我不认为这是最好的方法。我应该避免在这里使用Redux商店并直接使用阿波罗命令式API吗？
浏览 4提问于2017-12-11得票数 0
回答已采纳
1回答
简单的农民与反作用力
、、、、
为什么它不像redux那么受欢迎？当人们可以使用这个时，为什么他们倾向于使用redux呢？两者的优点和缺点是什么？还想知道，当我能做这样的事情时，国家的不变性在简单的农民中是如何被保护的： state.productIds.push也许它不会改变实际的状态？一般来说，想知道是否保留了所有的剩余原则，两者之间的</e
浏览 0提问于2020-05-21得票数 9
回答已采纳
我正在做一个在JavaScript中使用Redux-Toolkit的React项目。为了方便调试和类型安全，我正在尝试将项目转移到TypeScript。我想用readonly声明我的state接口，以避免状态突变。我已经检查过Redux-Toolkit-Usage-With-Typescript，我认为它应该避免状态变化，但所有代码片段似乎都在进行状态变化。entityForEdit:action.payload.entityForEdit,
err
浏览 7提问于2020-08-31得票数 0
回答已采纳
3回答
我正在构建一个使用React和Redux的web应用程序，我遇到了一个关于状态不变性的问题。因此，在上面的例子中，任务"t1“在计算后的最小时间为5 (2 + 3)，最大时间为7 (3 + 4)。当然，这个函数需要是递归的，因为每个任务都可以有任意数量的祖先。(以下内容是在没有测试的情况下从内存中编写的，因此请忽略/原谅任何输入){
l
浏览 0提问于2016-06-14得票数 4
回答已采纳
state[action.index].completed;传递给还原器的状态无论如何都是过时的，因此无论它是否被更改，它都不能在任何地方使用(如果我没有弄错，这就是Redux所做的--它忽略了以前的状态，并将新的状态作为“真理的来源”)。因此，只有函数返回的新状态才会起作用。
所以，如果我遵循这种方法，直接修改还原器中的状态并返回这个状态，那么在我的
浏览 6提问于2017-05-03得票数 8
回答已采纳
我可以从我的组件更改存储和状态，但我不能访问它。 我是编程新手，我对React + Redux有问题。我的应用程序有几个页面与react-router连接，我使用Redux保存来自表单域的输入。Provider store={store}> </Provider>,
document.getElementById('root')); 我可以通过这个代码的组件中</
浏览 20提问于2019-06-29得票数 1
我试图检查检查的值是否已从true/false转换，因此我无法在useEffect钩子中运行我的自动保存功能。我也试过检查prevState在setState中是什么 console.log(prev)})
写完后，我想我的问题可能是当输入上的值发生变化在过去，我曾经遇到过hella问题，用redux和其他一些东西来做这件事，认为我没有变异原来的</em
浏览 2提问于2021-12-10得票数 3
回答已采纳
1回答
我正在学习Redux，并遇到了configureStore()的默认中间件：不可变检查中间件:深入比较突变的状态值。它可以在调度期间检测减速器中的突变，也可以检测在调度(例如组件或选择器中)之间发生的突变。当检测到突变时，它将抛出一个错误，并指示在状态树中检测到变异值的关键路径。(从redux-不可变状态不变量分叉。)
我很困惑。还原器和
浏览 7提问于2022-05-03得票数 1
回答已采纳
如果您正在使用Redux，并且您有一个处于状态的数组，但是您希望防止重复的项进入该数组，那么是否应该防止重复项被添加到还原器或的数组中，这是否应该在操作创建者中完成？
浏览 1提问于2016-10-14得票数 4
使用已删除的膨胀: codeSandBox共享项目的
问题:在叶级组件(VehicleList)中的Datalist的选项为第一个父组件呈现之后，它们对于后续的(父级)组件(SectionalPanel在过去的3天中，我尝试以各种方式使用useRef()、useState()、useEffect()。控制台日志甚至显示该支柱被更新。和一切它应该是在引擎盖之下，但不渲染根据新的价值的支柱。选项更新，成功的第一次，但没有
浏览 0提问于2020-12-04得票数 0
回答已采纳
我需要在react redux应用程序中使用deep-freeze库深度冻结整个redux状态，以检查状态上的任何突变。我应该如何在react redux应用中使用深度冻结来实现这一点？
浏览 2提问于2018-02-18得票数 1
2回答
我想开始用reactql构建我的新应用程序。我真的很喜欢graphql和MERN堆栈。然而，我最近才开始学习redux模式。我的主要痛苦是--如何创建使用graphql查询获取数据的操作(我主要使用阿波罗)。我的意思是-我发现有REST模式的例子，但我不知道，也找不到任何简单的reac-redux应用程序获取数据使用graphql查询。
我非常感谢任何例子/帮助/线索。
浏览 1提问于2018-01-06得票数 0
回答已采纳
2回答
我使用React作为前端，使用REST作为后端，我的REST只发布我存储在前端上的Cookie，并在每个REST请求上使用，例如代码，现在我想将该解决方案从REST迁移到GraphQL，如果GraphQL侧的授权已经解决了问题(只有阿波罗有Cookie和JWT的机制，更不用说本地实现了)，我仍然想不出如何从GraphQL侧发布Cookie/JWT。问题是GraphQL如何在客户端上设置新的cookie？像set-cookie头这样的东西可能吗
浏览 4提问于2017-09-03得票数 2
回答已采纳
1回答
我希望在发生突变后显示一条成功/错误消息，以通知用户他们的突变是成功的/不是成功的。我来自一个Redux背景，这很容易--我会制作一个<Response />组件，它位于应用程序的全局位置(例如，在应用程序的根目录附近，所以它将出现在所有屏幕上)，这个组件将连接到Redux商店，因此任何发送的消息都会导致响应组件出现(父母)
- AddTodoComponent (c
浏览 0提问于2018-03-28得票数 4
回答已采纳
2回答
我使用Vuex已经有一段时间了，我一直遵循这样的模式:组件使用操作来提交突变来改变Store。考虑到文档中的这个图表，我认为这是正确的做法：
我遇到了一些代码，在这些代码中，人们直接在组件中提交突变，甚至没有创建简单的操作，这些操作除了触发突变之外，没有别的目的。我甚至在Vuex文档中找到了几个这样的例子。
我想，由于它在文档中使用，这一定是一个可以接受的模式，我想知道跳过操作和直接触发<em
浏览 0提问于2018-04-04得票数 9
回答已采纳
1回答
以下是我所知道的传递/共享数据的方法：
假设我们从步骤1开始，我们调用一个服务来检索一个汽车列表。在我们的模板中，我们遍
浏览 11提问于2016-08-09得票数 1
1回答
store有一个名为getState的方法，它将返回存储的当前状态。是什么阻止我的应用程序中的代码(意外地)从store修改返回的storelet state = store.getState();我在getState上在store对象上找到的实现只返回被每一个新操作覆盖的内部状态对象。在上面的示例中，将someProperty设置为'fun&
浏览 3提问于2017-02-16得票数 0
回答已采纳
我正在学习redux，我正在做一个pokedex应用程序，我一次可以从pokeapi.co获取20个精灵小精灵。当页面发生变化时，会获取一个包含20个pokemons的新列表。问题是，虽然状态更改为新的pokemons，但它们实际上并不呈现。当我转到被路由到“/”然后返回到“/pokemons”的组件时，它们会呈现出来。我更改了reducer函数，以便独立于分派调用它，问题是现在操作不会触发xD。
浏览 0提问于2021-10-08得票数 0
为什么reducer必须返回新状态，.Why不能返回更新状态的原因是什么？这是我们必须遵循的模式吗?另外，请让我知道ngrx和redux是完全不同的吗？
浏览 1提问于2019-03-14得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
