Reactjs Redux+React本机将产品添加到购物车不工作

Reactjs Redux+React本机将产品添加到购物车不工作,reactjs,react-native,react-redux,Reactjs,React Native,React Redux,我是react native的新手,我正在尝试使用redux实现“添加到购物车”功能,它在将整个产品传递到购物车时起作用,但这不是我想要的,因为我必须为用户选择的每个产品添加数量和输入文本,以便用户能够在结账前填充它们。 这是在传递整个产品时工作正常的主代码 常量初始状态={ 购物车:[], 总数:0, } ... 案例添加到购物车: 返回{ 状态 购物车:[action.payload,…state.cart], 总计:state.total+action.payload.price } ..

我是react native的新手,我正在尝试使用redux实现“添加到购物车”功能,它在将整个产品传递到购物车时起作用,但这不是我想要的,因为我必须为用户选择的每个产品添加数量和输入文本,以便用户能够在结账前填充它们。 这是在传递整个产品时工作正常的主代码

常量初始状态={ 购物车:[], 总数:0, } ... 案例添加到购物车: 返回{ 状态 购物车:[action.payload,…state.cart], 总计:state.total+action.payload.price } ... 这就是我现在正在尝试的

常量初始状态={ 购物车:[], addCart:{ 餐号:, 姓名:, 价格:, 数量:1, 膳食详情: }, 总数:0, } 案例添加到购物车: 返回{ 状态 addCart:{ 餐号:action.payload.id, 名称:action.payload.name, 价格:action.payload.price, 数量:1, 膳食详情: }, 购物车:[this.addCart,…state.cart], 总计:state.total+action.payload.price } 但它会出错,
this.addCart add未定义到购物车数组中,我尝试了addCart return,但找不到变量addCart,我使用state.addCart将第一个项目添加为null arr,每当我单击另一个产品添加它时,都会添加最后一个单击的项目。当访问Redux状态时,没有此选项。此外,在试图更改对象时,无法访问对象的属性,这也是主代码正常工作而第二个代码段不正常的原因。修复代码的最简单解决方案是从状态中删除addCart,因为数据相当于action.payload,然后在reducer中单独创建addCart对象

const initialState = {
    cart: [],
    total: 0,
}

case ADD_TO_CART:
  let addCart = {
     meal_id: action.payload.id,
     name: action.payload.name,
     price: action.payload.price,
     quantity: 1,
     meal_details: ''
  }
  return {
    ...state,
    cart: [addCart, ...state.cart],
    total: state.total + action.payload.price
 }