router match

React Router는 URL을 route tree와 맞춰 element를 고른다

현재 URL은 위에서 아래로 route tree와 비교되고, 매칭된 route의 element가 화면에 렌더링된다.

<Routes> 라우팅 경계
path='/' Home element
path='/posts' PostList element
path=':id' PostDetail element
요소
의미
주의
Routes
route 후보 묶음
Router 밖 사용 금지
Route path
URL 패턴
상대/절대 경로 구분
element
렌더할 컴포넌트
컴포넌트 호출 아님
param
동적 조각
문자열로 읽힘
핵심 라우터는 조건문 묶음이 아니라 URL 패턴과 화면 컴포넌트의 매칭 테이블이다.