state.data 不可迭代 NGRX Angular

Question

我试图将state.data与payload.data连接起来，但它给出了一个错误：

类型错误：state.data 不可迭代

我的代码是：

      on(apiActionGroup.success,
        (state, payload) => newState(state,
          { data: { [payload.page?.toString() ?? '0']:  [ ...state.data, ...payload.data]}
        )
  ),

如果有人知道出了什么问题，请告诉我。谢谢

Answer 1

您的一个数据对象未定义或为空

on(apiActionGroup.success, (state, payload) => {
    const currentData = state.data || [];
    const newData = payload.data || [];
    const key = payload.page?.toString() ?? '0';
    
    return newState(state, {
        data: {
            [key]: [...currentData, ...newData]
        }
    });
}),