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

home2 게시판 React 게시판 카트 아이템 로컬스토리지 저장하기

카트 아이템 로컬스토리지 저장하기

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

    쟈니
    참가자
    쌤 안녕하세요~
    
    Detail 페이지에 만든 최근본상품처럼 Cart 페이지의 아이템들도 localStorage에 저장을 하려고 하는데
    Detail 페이지에서 주문하기 버튼이 눌릴때마다  cartStorage가(Detail 페이지에 새로 만든 함수) 실행되면 될거 같은데, 
    함수 안에 return을 안써서인지 아래의 에러만 뜹니다 ㅠ
    딱히 함수 안에서 뭘 리턴해야할지 모르겠는데 어떻게 하면 좋을까요?
    
    
    
    <Detail.jsx>
    
    새해 복 많이 받으세요!_!

    <div id="mttContainer" class="bootstrapiso notranslate" dir="ltr" style="transform: translate(272px, 322px);" title="" data-original-title="사업부"> </div>

    #63724

    codingapple
    키 마스터
    useState왼쪽에 중괄호말고 대괄호입니다
    #63760

    쟈니
    참가자
    허업!! 답변 감사합니다!!!
    #63783

    쟈니
    참가자
    그런데 App 아래에 Detaiil과 Cart 컴포넌트는 형제인데 
    Detail에서 받은 저 정보들을(cartItems) Cart의 테이블에 뿌려주려면 props 대신 뭘 써야하나요?
    
     const [cartItems, setCartItems] = useState([])
    
    

    <div id="mttContainer" class="bootstrapiso notranslate" dir="ltr" style="transform: translate(193px, 308px);" title="" data-original-title="요약"> </div>

    #63808

    codingapple
    키 마스터
    state를 App에 보관하면 props로 보내줄 수 있습니다
    #63882

    쟈니
    참가자
     
    저 state들은(최근 본 상품 / 주문한 상품) 현재의 url에서 아이템 id를 가져오는건데 App에서도(home) useParams를 쓸 수 있나요?
    URL이 / 뿐이여서요. 
    제가 useParams 이해를 잘못하고 있는걸까요? ㅠ
    
    

    <div id="mttContainer" class="bootstrapiso notranslate" dir="ltr" style="transform: translate(317px, 62px);" title="" data-original-title="제자가 있는"> </div>

    #63932

    codingapple
    키 마스터
    state는 App에 만들어둬도 수정은 Detail컴포넌트에서 할 수 있습니다
7 글 보임 - 1 에서 7 까지 (총 7 중에서)
  • 답변은 로그인 후 가능합니다.

About

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

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

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