NGRX Entity addOne未新增对象反而替换原有对象，寻求技术帮助

嘿，我一眼就瞅出问题所在了！你遇到的新对象替换旧对象而非新增的情况，几乎100%是NgRx Entity的唯一标识配置出了问题。

核心原因 #

NgRx Entity 依赖唯一ID来区分不同实体，addOne 方法的逻辑是：

1. 通过配置的 selectId 函数获取实体的唯一标识
2. 检查状态中是否已存在该ID的实体
3. 存在则替换，不存在才新增

默认情况下，createEntityAdapter 会尝试读取实体的 id 字段作为唯一标识。如果你的 OrderedTicket 实体的主键不是 id（比如是 ticketId、uuid 这类字段），或者每次新增的实体都用了同一个ID值，就会出现“替换而非新增”的现象。

解决方案 #

1. 检查实体的主键字段

先确认你的 OrderedTicket 接口定义，比如如果是这样：

interface OrderedTicket {
  ticketId: string; // 这是你的唯一主键
  // 其他字段：seatNumber, price, etc.
}

那默认的 selectId 找不到 id 字段，就无法正确区分实体。

2. 自定义 Entity Adapter 的 selectId 配置

修改你的 reducer 文件，在创建 adapter 时指定正确的主键字段：

export interface BookingState extends EntityState<OrderedTicket> { }

// 重点：添加 selectId 配置，指向你的实体主键
export const adapter: EntityAdapter<OrderedTicket> = createEntityAdapter<OrderedTicket>({
  selectId: (ticket) => ticket.ticketId, // 替换成你实际的主键字段名
});

export const initialBookingState: BookingState = adapter.getInitialState();

export function bookingReducer(state = initialBookingState, action: BookingActions) { 
  switch (action.type) { 
    case BookingActionTypes.TicketAdded: 
      return adapter.addOne(action.payload.orderedTicket, state); 
    default: { 
      return state; 
    } 
  } 
}

3. 确保新增实体的ID唯一

如果你的实体确实用的是 id 字段，那一定要检查每次创建 OrderedTicket 实例时，id 是否是唯一值——比如用UUID生成器、后端返回的唯一ID，而不是重复使用同一个固定值。

验证方法 #

修改后，你可以在 reducer 里加个日志，或者用 Redux DevTools 查看每次 TicketAdded 动作的 payload，确认每个新增的 OrderedTicket 都有唯一的主键值，这样 addOne 就会正确新增实体而不是替换了。

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