Sign In
Javascript

react-router v6 에서 일치하는 경로를 찾는 방법

1more
v5에서 쓰던 <Switch> 컴포넌트를 <Routes> 로 변경했다.
어떤 방법으로 적당한 경로를 찾아오는지 궁금해서 찾아보았다.
요약하면,
v5 이전( <Switch> )에서는 위에서부터 아래로 탐색하며 일치하는 라우트를 확인하고
v6 ( <Routes> )부터는 전체 목록 중 가장 적당한 라우트를 찾아준다고 한다.
그럼 매치되는 라우트가 많으면? 궁금해서 확인해보니 아래와같이 동작한다
일치하는 라우트가 둘 이상인 경우: 위쪽 컴포넌트를 반환
exact match 우선 반환
Br
Subscribe to 'brad'
Subscribe to my site to be the first to receive notifications and emails about the latest updates, including new posts.
Join Slashpage and subscribe to 'brad'!
Subscribe
👍