React Native购物车添加新商品时如何删除原有旧商品，始终仅保留单条商品

要实现购物车仅保留最新添加的1件商品的需求，直接修改购物车模块的Reducer逻辑即可，不需要改动当前贴出的购物车列表页代码，具体步骤如下：

方案1：直接修改添加商品的Reducer逻辑（推荐） #

购物车的状态由cartReducer统一管理，在处理添加商品的Action时，直接用新商品替换整个购物车列表即可：

1. 找到src/modules/cart/reducer.js文件中处理添加购物车Action的分支（一般Action类型为ADD_CART之类的命名）
2. 将原有追加商品的逻辑替换为直接覆盖购物车列表，示例代码如下：

// 原有添加逻辑（类似结构）
case Actions.ADD_CART:
  return state.update('line_items', items => items.push(fromJS(action.payload.item)))

// 修改后的逻辑
case Actions.ADD_CART:
  return state.set('line_items', fromJS([action.payload.item]))

方案2：新增清空购物车Action，在添加商品前调用 #

如果需要复用清空购物车的能力，可以单独封装清空逻辑：

1. 在src/modules/cart/actions.js中新增清空购物车的Action：

export function clearCart() {
  return {
    type: Actions.CLEAR_CART,
  };
}

2. 在src/modules/cart/reducer.js中新增对应处理分支：

case Actions.CLEAR_CART:
  return state.set('line_items', fromJS([]))

3. 在商品详情页等触发添加购物车的位置，先执行清空再添加新商品：

// 调用示例
dispatch(clearCart())
dispatch(addCart(新商品数据))

注意事项 #

• 如果你的项目做了购物车本地持久化（比如存储到AsyncStorage、本地数据库等），需要同步修改持久化逻辑，避免刷新页面后旧商品重新出现
• 如果需要严格限制商品数量始终为1，还可以在添加逻辑里固定数量值，避免用户修改数量后不符合要求

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