我在本地存儲中有一個購物車項(xiàng)目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'},];并將其映射以顯示購物車項(xiàng)目，并使用按鈕刪除項(xiàng)目<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(); };每次我嘗試刪除一個產(chǎn)品2、產(chǎn)品3或產(chǎn)品4時，刪除的是之前的產(chǎn)品。比如我要去掉product4，那么去掉的就是product3。當(dāng)只剩一件商品時，根本無法刪除。你可以幫幫我嗎？謝謝
反應(yīng)從對象數(shù)組中刪除項(xiàng)目
弒天下
2023-04-20 16:21:09
