为何Reducer设置的Payer Filter状态在Selector中返回Undefined？

核心问题：Action传参格式不匹配 #

你的Action定义要求传入包含payer字段的对象，但实际调用时直接传了字符串值，导致Reducer无法正确读取目标字段，最终状态更新失败。

具体细节： #

1. Action定义要求：

   'Set Payer Filter': props<{ payer: string }>()
   

   这个定义明确了setPayerFilter Action的载荷必须是一个带payer属性的对象，比如{ payer: "医保A" }。

2. 实际调用的错误：

   onPayerFilterChange(payer: any) {
     this.store.dispatch(CasesActions.setPayerFilter(payer))
   }
   

   这里直接把下拉框选中的字符串值（比如"医保A"）传给了Action，而不是包裹成对象。此时Reducer里的action就是这个字符串，根本没有action.payer属性，所以状态里的payer会被设置成undefined。

3. Reducer的连锁影响：
   Reducer代码里试图赋值payer: action.payer，但因为action.payer不存在，最终caseMetrics.filter.payer变成undefined，Selector自然返回undefined。

修复步骤 #

修改触发Action的方法，把字符串包裹成符合要求的对象：

onPayerFilterChange(payer: string) {
  this.store.dispatch(CasesActions.setPayerFilter({ payer }))
}

额外建议 #

• 检查Selector的拼写：你的Selector名称selecselectCaseMetricsFilterPayerCase有重复的selec，虽然这不会直接导致返回undefined，但可能引发后续维护问题，建议修正为selectCaseMetricsFilterPayer这类规范名称。
• 确认casesFeature.selectCaseMetrics是否正确指向状态树中的caseMetrics节点，确保Selector的数据源没问题。

内容的提问来源于stack exchange，提问作者Mark Hill