如何在ngrx/store中用同一reducer管理多个独立计数器状态？

没问题，这在NgRx里完全可行！你只需要调整几个关键部分，就能让两个计数器各自独立响应增量动作，不会互相影响。我一步步给你梳理：

1. 给增量动作定义唯一的类型标识 #

首先要解决动作类型重复的问题——你之前用同一个INCREMENT类型，reducer根本分不清要更新哪个计数器。所以得给两个计数器的增量动作分别命名：

// 定义动作类型常量
export const INCREMENT_COUNT1 = '[Counter1] Increment';
export const INCREMENT_COUNT2 = '[Counter2] Increment';

之后分发动作时，就可以明确指定要更新的目标：

// 只更新count1
store.dispatch({ type: INCREMENT_COUNT1 });
// 只更新count2
store.dispatch({ type: INCREMENT_COUNT2 });

2. 调整Reducer的状态处理逻辑 #

接下来要修改reducer，让它根据不同的动作类型，只更新对应的状态属性。假设你的初始状态是这样的：

interface AppState {
  count1: number;
  count2: number;
}

const initialState: AppState = {
  count1: 0,
  count2: 0
};

那你的reducer要改成这样：

function counterReducer(state = initialState, action: Action) {
  switch (action.type) {
    // 收到count1的增量动作，只更新count1
    case INCREMENT_COUNT1:
      return { ...state, count1: state.count1 + 1 };
    // 收到count2的增量动作，只更新count2
    case INCREMENT_COUNT2:
      return { ...state, count2: state.count2 + 1 };
    // 默认返回原状态
    default:
      return state;
  }
}

这里的关键是用对象扩展运算符...state保留其他状态的不变性，只修改目标属性，这样就不会同时更新两个计数器了。

3. （进阶）拆分Feature Store让结构更清晰 #

如果你的项目后续会扩展，把两个计数器拆成独立的Feature模块会更整洁。比如分别为count1和count2创建单独的reducer：

// count1.reducer.ts
const initialCount1State = 0;
export function count1Reducer(state = initialCount1State, action: Action) {
  switch (action.type) {
    case INCREMENT_COUNT1:
      return state + 1;
    default:
      return state;
  }
}

// count2.reducer.ts
const initialCount2State = 0;
export function count2Reducer(state = initialCount2State, action: Action) {
  switch (action.type) {
    case INCREMENT_COUNT2:
      return state + 1;
    default:
      return state;
  }
}

然后在根reducer里用combineReducers合并：

import { combineReducers } from '@ngrx/store';
import { count1Reducer, count2Reducer } from './path-to-reducers';

export const rootReducer = combineReducers({
  count1: count1Reducer,
  count2: count2Reducer
});

这样每个reducer只关注自己的状态，逻辑更清晰，也方便后续维护。

总结 #

这种独立更新的行为完全可行，你之前的问题主要是因为动作类型没有区分开，导致reducer无法判断要更新哪个状态。只要给每个动作定义唯一的类型，再让reducer精准处理对应状态的更新，就能实现两个计数器的独立操作啦。

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