如何在NgRx Reducer中执行业务逻辑：遍历字段数组清空状态属性

• 原有Reducer代码的核心错误：on()回调的第二个参数是完整的Action对象，不是直接接收fields数组，之前的参数签名写错，无法正确取到传递的字段列表。

原有Action定义无需修改，直接修正Reducer的处理逻辑即可，完整代码如下：

// 原有Action定义
export const clearFields = createAction(
    '[SC Base Data] Clear Fields',
    props<{ fields: string[] }>()
);

// 修正后的Reducer处理逻辑
on(SCActions.clearFields, (state: SCState, action: ReturnType<typeof SCActions.clearFields>) => {
  // 从Action中解构出传递的fields数组
  const { fields } = action;

  // 对SCData做浅拷贝，保证不可变更新（NgRx要求不能直接修改原状态）
  const updatedSCData = { ...state.SCData };

  // 遍历需要清空的字段名，逐个赋值为空
  fields.forEach(fieldName => {
    // 清空值可根据字段的实际类型调整：
    // 字符串型设为''、数组型设为[]、对象型设为{}、数值型设为null等
    updatedSCData[fieldName as keyof typeof updatedSCData] = '';
  });

  // 返回全新的State对象
  return {
    ...state,
    SCData: updatedSCData
  };
}),

• 全程遵循NgRx的不可变更新原则：所有修改都基于原状态的拷贝进行，不直接修改传入的state或state.SCData，否则会导致状态检测异常。
• 当前实现仅适配SCData下的一级直接属性，如果需要清空嵌套属性（比如字段名是'profile.name'这类路径格式），需要额外增加嵌套路径解析逻辑。
• 代码中使用keyof typeof updatedSCData做类型断言，避免TypeScript报属性不存在的错误，符合类型安全要求。

内容的提问来源于stack exchange，提问作者Prasad Parab