좌충우돌 개발자의 길

[React] react-router-dom 본문

STUDYING/React

[React] react-router-dom

sustronaut 2022. 6. 5. 15:29

<BrowserRouter> 

  • react router를 사용하여 routing을 할 수 있게 해주는 기능
  • history를 이용해서 경로를 탐색할 수 있게 해주는 컴포넌트
  • history : 웹에는 history 기능이라고 이전에 들어갔었던 웹페이지를 기억해두는 기능이 있음

<Routes> 

  • 실제로 route 컴포넌트를 구성할 수 있게 해주는 기능
  • 여러개의 route 컴포넌트를 children으로 갖음

<Route>

  • path: 경로
  • element: 경로가 일치할 경우 해당 컴포넌트로 렌더링
  • <Route index element={<MainPage />}> : index경로에 /로 접속할때 MainPage 가 보임

<useNaviagate()>

  • 페이지간 이동
  • 이동할 path를 넣어주면 됨