Deleting Items from my ReactJs Shopping Cart Object

Question

So I'm making a shopping cart, and I want to be able to delete things from my cart. I can add the values without any problem, but they won't delete for some reason. Here is my code:

   function addToCart(e) {
  var updatedCart = { ...cart };
  if (!updatedCart[e.target.textContent]) {
    updatedCart[e.target.textContent] = 1;
  } else {
    updatedCart[e.target.textContent] += 1;
  }
  setCart(updatedCart);
}
function removeItem(item) {
  var cartCopy = {...cart}
  delete cartCopy[item]
  setCart(cartCopy)
}

Any idea? Thanks in advance.

Answer 1

  function removeItem(item) {
   const cardCopy = Object.entries(cart).reduce((acc, [key, value]) => {
     return key !== item ? {...acc, [key]: value} : acc;
   }, {})
   setCart(cardCopy)
  }