📋 useMatch
- 사용자가 특정 url 경로에 있는지에 대한 여부를 알려주는 훅
- useMatch()의 인자값으로 url을 전달했을 때 url과 현재 경로가 일치할 경우 url의 정보를 반환, 일치하지 않을 경우 null을 반환한다.
사용법
react-router-dom의 기능 중 하나로 아래와 같이 import 작업이 필요하다.
import {useMatch} from "react-router-dom"
// 경로 확인 변수
const priceRouteMatch = useMatch("/:coinId/price");
const chartRouteMatch = useMatch("/:coinId/chart");- 경로가 일치한 경우
- 경로가 일치하지 않은 경우
useMatch를 사용해봄으로써 서브 페이지, 탭 변환 기능을 자유롭게 구현할 수 있을 듯 하다.
참고
