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

home2 게시판 React 게시판 리액트 라우터 3 : URL 파라미터로 상세페이지 100개 만들기

리액트 라우터 3 : URL 파라미터로 상세페이지 100개 만들기

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

    최문길
    참가자
    캡처
    
    저는  위 사진처럼 보여주고 싶은데
    
    Nesting 해서 보여주려고 했는데
    구글링 해도 잘 안되네요 혹시 nesting해서 할 수 있는 방법이 있나요?
    
    아니면 제가 nesting을 잘 이해 하지 못한 걸까요??
    우선 List라는 상품목록은 저는 선생님과 다르게
    캡처4
    이렇게 했구요 저걸 토대로 route를 만들면 아래 코드처럼
     캡처2
    제가 원하는 식대로 보여주려면 이렇게 하면 되기는 하는데....
    
    캡처3
    
    위 코드 한줄로 List컴포넌트를 수정한다면
     /detail 에서는 상품 3개
    /detail/0 은 상품 첫 번째
    /detail/1은 상품 두 번째
    /detail/3은 상품 세 번째
    
    이렇게 할 수 있을까요?
    할 수 있다면 어떤 방향으로 생각하면 좋을까요 ?
    또 
    어떻게 하는 것이 실무에서 하는 방식인가요?
    
    
    
    
    #96969

    codingapple
    키 마스터
    <Route> 2개 쓰는 방법이 맞는 방법입니다
    현재 url 가져와서 그게 /detail이면 이거 보여달라고 if문 쓰면 되는데 굳이 복잡하게 그럴필요없을듯요
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 호 / 개인정보관리자 : 박종흠