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

home2 게시판 React 게시판 router 관련

router 관련

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

    안녕하세요! 

    현재 강의 수강 중 수업 내용을 토대로 회사 홈페이지를 제작 중입니다.

    아래 사진의 company.js에서 Link를 눌렀을 때 주소는 path대로 이동이 되는데 렌더링은 <Info />만 되고 있습니다 ㅠㅠ

    123이 아닌 문자로 바꿔봐도 똑같고 /company/1에 <Viva />, <His /> 넣었을 때 렌더링이 잘 되는 걸 보면 컴포넌트에는 문제가 없는 것 같은데 왜 첫번째 패스만 렌더링이 제대로 되는 걸까요 ㅠ

     

    아래는 App.js 입니다

    #24919

    codingapple
    키 마스터

    라우트들을 <Switch>안에 넣어봅시다

    #24939

    <Switch>
                    <Route exact path="/company/1">
                        <Viva />
                    </Route>
                    <Route exact path="/company/2">
                        <Info />
                    </Route>
                    <Route exact path="/company/3">
                        <His />
                    </Route>
    </Switch>

     

    이렇게 수정해도 url만 변경되고 렌더링은 안 되고 있습니다 ㅠㅠ

    #24951

    App.js Router에 아래처럼 수정해서 해결했습니다!! 감사합니다 🙂

    <Route path="/company/1">
              <Company />
              <Viva />
            </Route>
            <Route path="/company/2">
              <Company />
              <Info />
            </Route>
            <Route path="/company/3">
              <Company />
              <His />
            </Route>

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

About

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

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

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