2024.05.22

react-router-dom

• yarn add react-router-dom으로 설치

useNavigate

다른 페이지로 이동하기 위한 react-router-dom의 hook

useLocation

현재 페이지에 대한 정보를 객체 형식으로 보여줌

Link

Hook은 아니지만 a태그 처럼 사용됨

Dynamic route

동적 라우팅으로 URL의 PATH에 유동적인 값을 넣어 특정 페이지로 이동할 수 있도록 한다

useParams

리액트 라우터에서 URL파라미터에 쉽게 접근하고 사용할 수 있도록 하는 Hook

• /user/:id 와 같은 형식을 가질때 특정 사용자의 ID를 가져오는데 유용하다
  

활용 예시

Oulet

중첩된 라우트