NgRx - reducer被无限次触发
NgRx是一个用于构建响应式、可扩展和可维护的状态管理解决方案的库。它基于RxJS和Redux的原则，用于处理Angular应用程序中的状态管理。
在NgRx中，reducer被用来处理状态的修改。当一个action被分发时，reducer会接收到该action和当前状态，并根据action的类型来决定如何修改状态。reducer是一个纯函数，它接收旧的状态和action，并返回一个新的状态。通过这种方式，NgRx确保了状态的不可变性和可预测性。
然而，如果reducer被无限次触发，可能是由于以下几个原因引起的：
- 订阅错误：请确保正确地订阅了状态的变化。在Angular中，可以使用
select操作符来选择状态的部分，并订阅其变化。 - 循环依赖：循环依赖可能导致reducer被无限次触发。请检查是否存在循环依赖，确保reducer之间的依赖关系是正确的。
- 错误的action类型：如果一个reducer监听了一个错误的action类型，它可能会被无限次触发。请检查action的类型和reducer的匹配关系。
- 副作用：某些副作用操作（例如异步操作）可能导致reducer被无限次触发。请确保在reducer中只处理同步操作，将副作用操作移动到适当的地方（例如使用NgRx提供的
Effects）。
总结起来，当reducer被无限次触发时，需要检查订阅错误、循环依赖、错误的action类型和副作用等可能引起该问题的原因。及时排查并修复这些问题，可以确保状态管理的正确运行。
关于NgRx的更多信息和腾讯云相关产品推荐，可以参考以下链接：
- NgRx官方文档：https://ngrx.io/
- 腾讯云容器服务 TKE：https://cloud.tencent.com/product/tke
- 腾讯云函数计算 SCF：https://cloud.tencent.com/product/scf
相关·内容
1回答
我正在尝试通过NgRx effect检索本地存储数据。调度PATIENT_FETCH操作以执行效果。但在调用ngOnInit方法中的dispatch方法时具有无限调用。如果您取消注释给定链接的patient.component.ts中的第24行，那么reducer将被调用无限次。我可能在NgRx实现中遗漏了一些东西。
浏览 10提问于2021-01-25得票数 0
回答已采纳
1回答
//first.reducer.ts } export function secondReducer(state: string = "qwe... export class StoreModule { };
/
浏览 1提问于2017-05-24得票数 0
1回答
当在ngrx中创建一个reducer函数时，我读到的任何地方都说我应该返回一个原始/先前状态的副本。reducer中返回的最后一个状态是将与所有当前订阅者和未来订阅者共享的状态。这意味着使用某个存储的所有组件都将看到相同的状态对象。从reducer返回一个浅的或深的副本似乎只是浪费处理能力和内存。
浏览 6提问于2018-08-07得票数 6
在我看来，ngrx/effect可以和angular拦截器做同样的事情。我写了一些intereptor来在所有请求中添加hawk凭证，我是否应该将其移动到ngrx/effect？
浏览 1提问于2017-10-11得票数 0
我使用ngrx-forms (特别是ngrx8语法)来同步我的表单和状态存储。表单状态更新动作被成功分派，例如 { value: 'wst', initialAdFo
浏览 20提问于2019-09-17得票数 3
回答已采纳
1回答
我正在尝试使用从API查询并由以下代码格式化的数据来填充ngrx存储 API服务 getMaterialImagesByMaterialId(id: string){ }) }) );
} 有谁知道为什么LOAD_IMAGE_SUCCESS会触发
浏览 19提问于2020-01-22得票数 0
sideNavVisualState: false, sideNavWidthPx: 0
export function reducer
浏览 3提问于2017-07-18得票数 0
我正在使用NgRx和Firestore，并试图找到一种方法来使本地存储与firestore集合保持同步。我有一个可观察的设置，它在更新firestore集合时触发，但在我的reducer中，我不确定如何使用NgRx实体适配器将存储中的内容替换为新数据。我的loadUsers成功操作的Reducer如下所示
on(fromBatch.loadBatchesSuccess, (state: any, action: any) => ({...userAdapter.upsertMany
浏览 0提问于2019-10-19得票数 0
我正在使用@ngrx/store进行Angular 5项目。下面是将ngrx/store集成到我的应用程序中的方法。"@ngrx/core": "^1.2.0",
"@ngrx/store":
浏览 10提问于2018-02-28得票数 0
2回答
我有一个非常简单的应用程序，并且第一次使用ngrx。reducer.module.ts imports:[ sliceA: AReducer, switch(...)someComponent.ts现在，我希望ngrx只触发AReducer，而不是BReduce
浏览 1提问于2019-01-11得票数 3
2回答
在NgRx效果中重新填充状态
、、、、
( Angular和NgRx/Redux的新特性)。更新：
在查看评论中的链接后，我是否应该创建一个效果，该效果调用一个调用reducer来更新状态的操作？
浏览 2提问于2019-08-20得票数 3
1回答
我正在使用来自ngRx文档的一组精心设计的示例来尝试并开始为我们的角度应用程序创建一个redux模型。下面的代码可以工作--所有的操作都会触发并正确地更新存储。'
export interface State {}
export function logger(reducer: ActionReducer<State>): any {
浏览 1提问于2017-09-02得票数 0
回答已采纳
我是ngrx的新手，我正在尝试为我的每个功能模块设置一个状态，同时也为应用程序模块设置一个状态。/store/init15:23:36.505 core.js:38781 Angular is runningCall enableProdMode() to enable the production mode.
15:23:36.608 app.reducer.ts:22 @
浏览 34提问于2019-11-10得票数 3
回答已采纳
我有一个angular 6应用程序，我正在使用ngrx来管理状态。我注意到，被ngrx效果捕获的已发送操作仍将发送到reducer。是我做错了什么，还是这很正常？
浏览 3提问于2018-10-12得票数 0
在@ngrx/store 2.0中，我们可以将根reducer作为一个函数提供，然后在应用程序内部拆分逻辑。在我更新到@ngrx/store 4.0之后，我不能再使用这个特性了，因为我可以看到reducers需要是一个reducers的映射，它将在状态下的相同键下创建对象。有没有办法在我的状态中使用@ngrx/store 4.0中的旧行为，组件之间是相互感知的，我需要能够动态地拆分我的状态，我还需要能够以我自己的方式将操作分派给正确的reducer。此外，app被</
浏览 0提问于2017-07-21得票数 7
我有ngrx安装在我的角8项目。BrowserModule, NgbModule, StoreModule.forRoot({ login : Reducer.reducer(state: State, action : Action) {} intercept(req: HttpRequest}
ret
浏览 3提问于2019-11-17得票数 1
回答已采纳
在我的reducer初始化之前，我的操作就被触发了。由于这个原因，我的减速器不能拾取动作。在我的reducer被初始化之前，当我的reducer被触发时，我会如何影响它？CommonModule, HttpClientModule,
StoreModule.forFeature('config', fromConfig.reducer> of(new configAc
浏览 2提问于2018-11-08得票数 0
1回答
我是ngrx的新手。试图让不可变的状态工作，但似乎对我不起作用。 我这里有一个reducer：https://stackblitz.com/edit/brewbrut?file=src%2Fapp%2Fstate%2Fbreweries.reducer.ts breweryDetails应该返回一个新的数组(状态)，以及过滤后的结果。如果我单击一家酿酒厂，然后返回，或者单击导航回酿酒厂列表的链接，状态仍然被过滤。下面是stackblitz：https://brew
浏览 6提问于2020-12-30得票数 0
回答已采纳
我对ngrx还不熟悉，我正试着学习几个例子。我用的是角13和ngrx 13.0.1。import { Swivlr } from '..SwivlrActions.REMOVE_SWIVLR: return state;
return state;}import { StoreModule } from '@ngrx
浏览 3提问于2021-12-05得票数 0
回答已采纳
我正在使用来自@ngrx/store的@ngrx/store来从我的商店中选择一个对象数组。import { REDUCER_KEY } from './navigation.reducer';
export const/store&
浏览 0提问于2018-06-25得票数 9
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
