与购物车反应的问题。当我进行第二次购买时

Question

当我第二次购买相同尺寸的相同商品时，购物车只剩下最后添加的商品

购物车保存在 useState 中，在下面，我将第二次购买时出现问题的 cartContext 中的函数留在原处，如果我回到开头并尝试进行购买，它不报错

函数 addItem（项目）{

    let cartnew=[...cart];

    
    const isInCar = cart.some(iteminCart => iteminCart.id === item.id);
    const isInCarTalle = cart.some(iteminCart2 => iteminCart2.id === item.id && iteminCart2.tallecompra === item.tallecompra);
    iteminCart3.tallecompra!==item.tallecompra);
  
    if (isInCar === true) {
       

       
        cartnew.forEach((compra,i) => {
            
            if (isInCarTalle) {
                //console.log("el vartalle es  "+isInCarTalle)

                if (compra.id === item.id && compra.tallecompra === item.tallecompra) {
             cartnew[i].cantidad+=item.cantidad;



                }

            }

            if (!isInCarTalle) {
                setCart([...cartnew, item]);

            }




        });



   
      setCart([...cartnew]);

    }

  
         setCart([...cart,item]);
    }

 
}

/项目详细信息COINTAINER.JSX/

function handleAddToCart(count){
producto.cantidad=count;
  addItem(producto);
  handleShow();

};

<模态页脚>

      <Button2 variant="secondary" onClick={handleClose}>
        CONTINUAR EN EL SITIO
      </Button2>
     
      <Link to='/checkout'>
      <Button2 variant="primary" onClick={handleClose}>
        FINALIZAR COMPRA
      </Button2>
      </Link>
    </Modal.Footer>

Answer 1

函数 addItem 处理购物车中重复项的方式似乎存在问题。它似乎试图处理两种情况，即购物车中存在具有相同 ID 和相同尺寸的商品，以及购物车中存在具有相同 ID 但尺寸不同的商品。

尝试这个：

function addItem(item) {
const isInCar = cart.some(iteminCart => iteminCart.id === item.id);
const isInCarTalle = cart.some(iteminCart2 => iteminCart2.id === item.id && iteminCart2.tallecompra === item.tallecompra);

let newCart = [];
if (isInCar) {
    cart.forEach(compra => {
        if (compra.id === item.id && compra.tallecompra === item.tallecompra) {
            newCart.push({...compra, cantidad: compra.cantidad + item.cantidad});
        } else {
            newCart.push(compra);
        }
    });
    setCart(newCart);
} else {
    setCart([...cart, item]);
}

}