• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 로컬스토리지 filter 함수 이용해서 삭제기능 질문입니다!

로컬스토리지 filter 함수 이용해서 삭제기능 질문입니다!

3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 글쓴이
  • #52913

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

    codingapple
    키 마스터
    onDelete함수에서 로컬스토리지에 cartItems저장중인데 newArr를 저장해봅시다
    #53104

    김상우
    참가자
    항상 감사합니다 :) 정말 최고십니다.
3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠