React更新项目数量在购物车中

Question

我正在尝试更新每个项目的数量，我尝试了我的代码，但是它无法正常工作，但是当我尝试在此处找到解决方案时：使用React Redux在购物车中更新商品数量，它效果很幸运。 但是我想了解为什么我的代码不起作用（我使用的不是usecontext不是redux，但通常与问题无关） **有效的代码：**：

cartItems: state.cartItems.map(item => item.id === payload.id
    ? {
      ...item,
      qty: item.qty + 1,
    }
    : item
  ),

**我的不正常代码：**

    if (productsInCard.find((x) => x.name === e.name)) {
  
    let qu ; //to get the new quantity
  const arr = [...productsInCard];
  productsInCard.forEach((ele, index) => {
    if (ele.name === e.name) {
      qu = ele.quantity + 1;
      console.log(ele.quantity + " this is the quantity before +1")

      arr.splice(index, 1);
      addCard(arr);
      console.log("old item deleted" + JSON.stringify(arr))

      addCard([
        ...productsInCard,
        {
          name: e.name,
          price: e.price,
          image: e.images[0],
          quantity: qu,
        },
      ]);
      addCard([
        ...productsInCard,
        {
          name: e.name,
          price: e.price,
          image: e.images[0],
          quantity: qu,
        },
      ]);
  console.log(" item + quantity added  : " +   JSON.stringify(productsInCard));

    }
  });
  
   const newArr = [...productsInCard] 
  productsInCard.forEach((ele, index)=>{

     if(ele.name === e.name){
      console.log(ele.quantity)
      if (ele.quantity < qu)
        newArr.splice(index, 1)
        addCard(newArr);
    } 
  }) 
} else {
  addCard([
    ...productsInCard,
    {
      name: e.name,
      price: e.price,
      image: e.images[0],
      quantity: 1,
    },
  ]);
  console.log("list with new item : " + productsInCard);
}

}