디테일페이지에서 장바구니에 담으면 장바구니 페이지에 저렇게 상품이 쌓입니다.
상품데이터는 로컬스토리지에 저장했습니다!
삭제하기 버튼을 누르면 해당 상품이 지워지도록
onDelete 함수를 실행하고, 파라미터로 누른 상품의 id값을 받아옵니다.
그리고 newArr에 기존 장바구니상품(cartItems)를 filter함수를 써서
기존상품의 id와 파라미터로 받아온 삭제 할 아이템의 id를 비교해서
id가 일치하지 않는 것들을 새로 newArr에 담았습니다.
그리고 newArr를 setCartItems에 담았습니다.
이렇게 했을때 삭제하기 버튼을 누르니
일단 상품이 화면에서 지워지긴 합니다.
그러나 로컬스토리지에선 지워지지 않습니다.
여기서 다른 상품을 삭제하기 눌렀을때.
그제서야 전에 눌렀던 상품이 로컬스토리지에서 지워집니다.
이게 반복입니다...
결과적으로 마지막에 남은 하나의 상품을 지워질 수 없게 되버립니다.
어떻게 해야 바로바로 filter를 거쳐서 로컬스토리지에 재배열 될까요?