我在本地存儲中有一個購物車項目const cart = [  {_id: 'abcd1234', productName: 'product1', price: '100'},  {_id: 'abcd12345', productName: 'product2', price: '200'},  {_id: 'abcd123456', productName: 'product3', price: '150'},  {_id: 'abcd1234567', productName: 'product4', price: '175'},];并將其映射以顯示購物車項目，并使用按鈕刪除項目<Container>      <div>      {        cart.map(item => (        <p>item.productName</p>        <p>item.price</p>        <i class="fas fa-trash-alt mr-1" style={{ color: '#ff6b6b' }} onClick={removeProduct}></i>))      }      </div></Container>這是我要刪除的功能  const removeProduct = () => {    const cart = JSON.parse(localStorage.getItem("cartProduct"));    let indexToRemove = 1;    cart.splice(indexToRemove, 1)    localStorage.setItem("cartProduct", JSON.stringify(cart));    window.location.reload(); };每次我嘗試刪除一個產品2、產品3或產品4時，刪除的是之前的產品。比如我要去掉product4，那么去掉的就是product3。當只剩一件商品時，根本無法刪除。你可以幫幫我嗎？謝謝