buenas tardes;
Tengo una consulta, quiero saber si existe alguna manera de hacer esto, tengo este codigo
const ItemDetail = ({ item }) => {
const [AddCart, setAddCart] = useState(false);
const cartContext = useContext(CartContext)
const { addToCart, deleteCartItemById } = cartContext
const onAdd = (qty) => {
if (qty > 0) {
addToCart(item, qty)
setAddCart(true)
} else {
setAddCart(false)
}
}
return (
<div className="detailContainer">
<img className="imageDetail" src={item.imagen} alt={item.nombre} />
<div className="detailsProduct">
<h2>{item.nombre}</h2>
<h3>{item.descripcion}</h3>
<h4>${item.precio}</h4>
{AddCart ? (
<>
<Link to="/cart">
<button className="toCartButton">Terminar Compra</button>
</Link>
<button className="borrarElemento" onClick={deleteCartItemById}>Borrar este elemento del carrito</button>
</>
) : (
<ItemCount initial={0} stock={item.stock} onAdd={onAdd} item={item} />
)}
</div>
</div>
);
};
export default ItemDetail;
Mi consulta es la siguiente, al tener 'deleteCartItemById' que es una funcion recibida por context, necesito que al ejecutarse el evento OnClick, tambien este evento dispare un cambio de de estado sobre SetAddCart, pasandolo a falso, y no lo estoy pudiendo lograr, alguien me puede aclarar un poco en que estoy fallando?