Angular中Reducer内更新数组对象值的问题求助

你的代码问题在于直接用传入的data对象替换了原数组中的匹配项，虽然从不可变更新的角度是合规的，但逻辑上更偏向“替换对象”而非“更新原有对象的属性”。如果想要实现更新原有类别属性的效果，应该基于原对象合并新属性，而不是直接替换。

修改后的代码 #

const reducer = createReducer(
  initialCategoriesState,
  on(categoriesActions.updateCategory, (state, { data }) => ({
    ...state,
    categories: state.categories?.map((item) => 
      item.categoryId === data.categoryId ? { ...item, ...data } : item
    ),
  }))
);

关键改动说明 #

• 使用{ ...item, ...data }合并原对象和新数据：先复制原类别对象的所有属性，再用data中的属性覆盖对应字段，这样既更新了目标属性（categoryName和description），又保留了原对象中可能存在的其他属性（如果有）。
• 保持了NgRx要求的不可变更新原则，同时逻辑上更贴合“修改原有类别信息”的需求。

额外检查点 #

• 确认触发updateCategory动作时，传入的data包含正确的categoryId，确保能匹配到数组中的目标类别。
• 确认initialCategoriesState中的categories是数组类型，且每个项都包含categoryId字段。

内容的提问来源于stack exchange，提问作者DS Assignment