[REACT] useMatch() 사용하기

학습일 : 2023. 04. 08

---

이번에는 useMatch hook에 대해 알아보자

 

useMatch() 는 내가 특정한 URL에 있는지의 여부를 알려준다.

 

사용해보기 위해서 먼저

 

 

Coin.tsx

작성 후 

  const priceMatch = useMatch("/:coinId/price");
  const chartMatch = useMatch("/:coinId/chart");

console.log(priceMatch); 도 작성 해주고

  console.log(priceMatch);

 

가격 탭을 누른 후 개발자 도구를 확인해보면

 

 

해당 URL에 들어가 있으니 이처럼 object를 받게 된다.