action.payload错误TypeError: ngrx不可迭代
问题描述： 当使用ngrx进行状态管理时，出现了一个错误：action.payload错误TypeError: ngrx不可迭代。
解决方案： 这个错误通常是由于在ngrx中使用了不可迭代的对象作为action的payload导致的。在ngrx中，action的payload应该是一个可迭代的对象，例如数组或者类数组对象。
要解决这个问题，可以按照以下步骤进行操作：
- 检查代码中的action.payload是否是一个可迭代的对象。可以通过console.log(action.payload)来查看payload的值，并确认其类型。
- 如果payload是一个对象而不是可迭代的对象，可以尝试将其转换为可迭代的对象。可以使用Object.values()方法将对象的值转换为一个数组，然后将该数组作为payload。
- 如果payload是一个不可迭代的对象，并且无法转换为可迭代的对象，那么可能需要重新设计你的状态管理逻辑。可以考虑将payload拆分为多个可迭代的属性，并将它们作为action的payload。
- 在处理action时，确保你的代码能够正确处理可迭代的payload。例如，如果payload是一个数组，你可能需要使用Array.map()或者Array.forEach()等方法来遍历数组中的每个元素。
推荐的腾讯云相关产品： 腾讯云提供了一系列的云计算产品，可以帮助开发者进行云原生应用开发、部署和管理。以下是一些相关产品的介绍：
- 云服务器（CVM）：提供可扩展的计算能力，适用于各种规模的应用程序和工作负载。链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、可扩展的MySQL数据库服务，支持自动备份、容灾和监控等功能。链接：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：提供安全可靠的对象存储服务，适用于存储和访问各种类型的数据。链接：https://cloud.tencent.com/product/cos
- 人工智能平台（AI）：提供丰富的人工智能服务和工具，包括图像识别、语音识别、自然语言处理等。链接：https://cloud.tencent.com/product/ai
请注意，以上产品仅作为示例，具体的选择应根据实际需求和项目要求进行评估和决策。
相关·内容
IHero[] { case HerosActionTypes.LOAD_HEROS_GENERAL: return [ ...state, ...action.payload ]; return state;} //效果 getHerosthis.herosService.getHeros().subscribe(data => console.
浏览 40提问于2021-01-06得票数 1
回答已采纳
你好，我正在学习ngrx，但我有个大问题。我不知道怎么修好它。能帮我的人请..。我得到了TypeError: action.payload不是可迭代的错误。如果我将...action.payload改为action.payload in reducer.ts，我可以获得数据，但我需要使用...action.payload。有什么问题吗？ImagesActions.GET_IMAGES:
浏览 0提问于2021-04-16得票数 0
回答已采纳
1回答
我一直试图通过遵循Angular University代码中的指南在我的应用程序中实现ngrx状态管理，所以我正在尝试将课程代码库()中的方法应用到我的应用程序中。在这一点上，我已经正确地调用了所有的操作，通过查看ngrx开发工具，我的global有效负载到达了客户端，但随后应用程序使用ERROR TypeError: entities is not iterable
浏览 1提问于2021-02-15得票数 0
当我更新redux状态时，它会给出错误TypeError: object是不可迭代的(不能读取属性符号(Symbol.iterator)) articlesrootReducer(state = initialState, action) { case ADD_ARTICLE:{return [...state,action.payload
浏览 0提问于2020-05-20得票数 1
回答已采纳
1回答
我正在尝试使用redux更新我的购物车，但我经常收到这个错误： TypeError: state.products不可迭代 我的减速器看起来像这样： /* eslint-disable importaction.type){ return {...state,products:[...state.products,action.payload
浏览 6提问于2021-09-26得票数 0
回答已采纳
我目前正在使用'@ngrx/ store‘在本地存储数据，以便在表中显示。该组件的部分功能是我必须能够编辑/更新用户。 我已经设置了我的用户操作、效果、缩减程序和选择器。下面是我的reducer代码： case Actions.UPDATE_SUCCESS: { let position
浏览 31提问于2020-07-29得票数 0
回答已采纳
我正在实现createFeatureSelector和createSelector -但是作为core.js:15714 ERROR TypeError: Cannot read property 'showProductCode' of undefined得到了一个错误 我使用"@ngrx/store": "^7.1.0", 但无法找到问题所在。/state/app.state";
import { createFeatureSelecto
浏览 4提问于2019-01-25得票数 2
回答已采纳
2回答
我在我的新的Range8项目中使用NgRx库。有人告诉我，他们使用createAction创建操作，即NgRx 8，但是他们使用NgRx 7创建还原器。我被赋予了一个任务，在这个任务中，我使用NgRx 8作为我的还原器，现在我必须将它改为NgRx 7。return state;
return { ...state, Books: action.payloadreturn st
浏览 3提问于2020-01-23得票数 0
const INITIAL_STATE = {}; reducer.js case ADD_SWATCH: : 1, ], }); 我收到一个错误:可能未处理的Promise Rejection (id: 0)：TypeErr
浏览 12提问于2020-01-24得票数 0
回答已采纳
我刚刚开始实现ngrx库的router-store。我按照他们的指示在那里实现了完整的路由器。最后，RouterState.Full配置引发错误
我该如何解决这个问题？
浏览 4提问于2020-06-16得票数 2
1回答
错误的意思是，它在action参数之后在.map中使用逗号。在DataActions.AddDataAction上盘旋时也有一个错误，上面写着Tuple type '[Action, AppStore]' with length '2' cannot be assigned.withLatestFrom(this.store$)
.map(([action: DataActions.AddDataAction, store: AppState]) => [action.payload这是
浏览 0提问于2018-03-08得票数 2
回答已采纳
query.ActionTypes.QUERYSERVER) .map((action: query.QueryServerAction) => action.payload类型'void‘不可赋值给类型'ObservableInput’。错误可能出在哪里。我在上关注了ngrx效果的官方介绍。
浏览 1提问于2017-06-15得票数 3
回答已采纳
我收到错误“"TypeError: Cannot read property 'release‘of undefined”“。”在控制台(浏览器)中，如果我使用ngrx加载以下功能模块(在运行时)： }
console.log('Finished: '
浏览 0提问于2018-01-16得票数 5
1回答
ngrx存储选择始终返回未定义
、、、、
尝试在项目中使用ngrx，但始终作为store.select返回未定义。该操作似乎已被分派，我可以看到有效负载中包含数据。
浏览 5提问于2018-01-08得票数 1
回答已采纳
我用httpRequest编写ngrx效果，它使用action.payload of Action。从请求中获得在map操作符中使用的数据(如果出现错误，我将在catchError中处理) map((isOk: boolean) => new SuccessAction(isOk, action.payload), //here I need s
浏览 1提问于2018-07-09得票数 2
回答已采纳
2回答
我想在从ngrx+ api http请求请求数据时加载当数据到达时，我将加载设置为false。我搞错了<div *ngIf="isLoading; else kpi"><mat-spinner><implements OnChanges, OnInit, OnDestroy {
@ViewChild('lineChart',
浏览 8提问于2020-01-17得票数 2
回答已采纳
2回答
我试图将@ngrx/store添加到应用程序中，但我似乎无法让它工作。this.productService.loadProducts();import {ActionReducer, Action} from '@ngrx{}, action:Action) => { case 'ADD_PRODUCTS':
return action.payloa
浏览 4提问于2016-08-23得票数 2
ActionsTypes.CREATE_SUCCESS: ...state, case ActionsTypes.CREATE_FAIL: ...state,
error: action.payload
浏览 4提问于2018-08-31得票数 17
我已经让@ngrx/store和effects工作得很好，但是，我刚刚意识到会有很多API调用(实际上)，如果其中任何一个返回401错误，我应该将用户重定向到登录页面。比方说，我有这样的代码：@Effect() getMe$ = this.actions$ .map(action => action.payload
浏览 4提问于2016-11-05得票数 7
回答已采纳
当我试图创建ngrx存储时，我得到了7个错误。TypeError:不能指定为只读属性'18‘的对象’对象数组‘\ TypeError:不能分配给只读属性'incompleteFirstPass’的对象' Object‘TypeError:不能读取未定义的属性(读取’值‘)import { createReducer, on } from '@ngrx/store';
import { Fields } f
浏览 0提问于2021-11-08得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
