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

home2 게시판 React 게시판 상세페이지 클릭시 detail

상세페이지 클릭시 detail

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

    하윙
    참가자
    React 쇼핑몰 메인 페이지에 있는 상품 리스트 중 1,2,3,4,5,6 클릭하면 각각 detail에서 잘 나오도록 설정은 했는데
    버튼 클릭하면  navigate 부분 때문에 detail로 넘어가서 Card에서 클릭했을때 써야할것 같은데..방법을 모르겠어요.. 
    또 axios에서 가져온 부분도 선생님 처럼 출력이 안되고 어떻게 해야할지 감이 안잡혀요ㅠㅜ
      detailappcard스크린샷 2023-12-18 224217detail2
    #107310

    codingapple
    키 마스터
    저러면 카드 누르면 /detail/어쩌구로 잘 이동할거같은데요 
    ajax는 무엇이 어떻게 안됩니까
    #107332

    하윙
    참가자
    맞아요 근데 버튼만 눌러도 detail로 넘어가서..
    버튼 클릭 시 총 6개 리스트들이 출력되고 카드 눌러야 넘어가게 하고싶어요...
    Home
    #107335

    codingapple
    키 마스터
    handleAjax에 navigate()는 지워봅시다
    #107350

    하윙
    참가자
    네 이것저것 시도해봤는데요..
    handleAjax에 navigate() 지워서 시도하면 6개 리스트 들은 잘 나오는데 카드 클릭하면 id가 없다는 오류가 나서..
    ajax가져온 결과값의 id를 따로 변수 설정을 해야할것 같은데 어떻게 해야할지 모르겠어요..
    #107368

    codingapple
    키 마스터
    id 왼쪽에있는거 props로 전송잘하고 있나 확인해봅시다
    navigate안쓰고 페이지 이동하면 state도 새로고침되어서 그럴수도요
    
    
6 글 보임 - 1 에서 6 까지 (총 6 중에서)
  • 답변은 로그인 후 가능합니다.

About

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

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

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