Router API - wookikiik/react_study GitHub Wiki

useRouteMatch

useRouteMatch은 match객체의 값에 접근할 수 있게 해주는 hook입니다.
또한 인자로 <Route>컴포넌트의 프로퍼티들(path, strict, sensitive, exact)을 가진 객체를 받을 수 있으며,
만약 path프로퍼티와 현재 페이지의 URL이 일치할 경우 해당 path의 match객체를 반환하고 일치하지 않을 경우 null을 반환합니다.

만약 아무 인자도 넘겨주지 않고 해당 hook을 호출하면 withRouter HoC로
match객체를 접근했을 때처럼 제일 가까운 부모 <Route> 컴포넌트의 match값을 리턴합니다.

// use case 1
const match = useRouteMatch({
  path: '',
  strict: true,
  sensitive: true,
  exact: true,
});

// use case 2
const match = useRouteMatch();
useRouteMatch props
prop discription
path 현재 위치의 pathname입니다.
strict true면, 슬래시가 있는 경로는 슬래시가 있는 location.pathname과 일치해야만 인정합니다.
sensitive 대소문 구문
exact URL 전체 path가 정확하게 일치
⚠️ **GitHub.com Fallback** ⚠️