[React] 서브 라우트

수민🐣·2022년 2월 27일
0

React

목록 보기
15/36

서브 라우트

라우트 내부에 또 라우트를 정의하는 것

라우트로 사용되고 있는 컴포넌트의 내부에 Route 컴포넌트를 또 사용하면 된다.

Profiles.js

App.js

컴포넌트를 렌더링하고, Profiles 주소로 들어오면 element안에 작성한 < div > 태그를 렌더링, 그리고 컴포넌트를 렌더링 해줬다

하위 페이지가 있다면 부모 Route에 '/*' 을 추가해줘야한다 (exact가 대체된 것)
path에 부모 경로까지 적을 필요 없이 파라미터만 적어준다 (:username)

결과

0개의 댓글