添加到購物車功能的其他部分也是將新數量放入 cartItems 數組，而不僅僅是增加商品數量

Question

cartItems 是一個 state 數組，其中包含用戶添加的項目，我使用的邏輯是，如果該項目已經存在於購物車中，則增加其數量，否則將數量設為 1。

const [cartItems,setCartItems]=useState([])
  
  const handleAddItem=(item)=>{
     if(!cartItems.find(product=>product.id===item.id)){
        setCartItems([...cartItems,{...item,quantity:1}])
     }
     else{
       setCartItems([...cartItems,
        cartItems[cartItems.findIndex(product=>product.id===item.id)]
        .quantity++])
     }
  }

將項目添加到購物車 5 次后，我得到以下結果，但我只想要數組中的 object 而不是其他元素。

 [Object, 1, 2, 3, 4]
0: Object
id: 1
name: "Sunday"
price: 100
quantity: 5
1: 1
2: 2
3: 3
4: 4

Answer 1

弄清楚下面的代碼可以在其他條件下使用

else{
cartItems[cartItems.findIndex(product=>product.id===item.id)].quantity++
      setCartItems([...cartItems])
}