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

home2 게시판 React 게시판 Detail.js 주문하기 클릭 후 장바구니 구현

Detail.js 주문하기 클릭 후 장바구니 구현

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

    강민여
    참가자

    안녕하세요 선생님 강의 최신버전이랑 같이 보고있는데 

    제 개인 프로젝트 중 어떤 리스트의 북마크 버튼을 누르면  마이페이지에 그려지는 기능을 구현하려고 

    redux4 dispatch로 데이터 실어보내기 강의를 보고있습니다.

     

    제가 다운로드한 버전이 useHistory는 사용이 안되길래 useNavigate로 cart페이지에 아이템에 추가하는건 완성을 했는데요 

    주문하기 버튼을 누르면 cart에 아이템도 추가되지만 페이지가 cart 페이지로 이동되는걸 막고싶은데

    라우터쓰고 거기에 데이터 추가하게되면

    그러니까 주소창에 적지 않아도되면 새로고침 되지않고 navigate안써도 아이템이 잘 추가되는건가요?

     

    제가 지금 app.js에 이렇게 쓰고 

    {state.reducer.map((a, i) => {
            return (
              <div key={i}>
                <p>{a.id}</p>
                <p>{a.name}</p>
              </div>
            );
          })}

     

    detail.js에 navigate빼고 dispatch 했더니 데이터추가는 되는데.. 

    헷갈려서요 ㅠㅠ 도와주세요.... 저렇게 북마크 기능 구현시 dispatch 사용이 적절한건지도 궁금합니다

     

     

     

    #33454

    codingapple
    키 마스터

    redux store에 있는 state 수정하고싶을 때 dispatch 날리면 됩니다 

    navigate() 쓰는건 페이지 이동시켜주고 싶을 때만 쓰면 됩니다 

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

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

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

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