[React Hook] useParams

React에서 router 사용 시 parameter 정보를 가져와 활용하길 원한다면

useParams을 이용하면 된다.

 

 

useParams를 import 하기 위해서 react-router가 인스톨되어 있어야 한다.

import {useParams} from 'react-router'

 

 Route.tsx

Route  path에 parameter로 coinId를 넣어주었다.

Coin.tsx

useParams를 불러와 현재 파라미터가 무엇인지 콘솔에 찍어본다

 

현재 url 에서 root 경로의 뒤에 파라미터가 console에 찍히는 것을 확인할 수 있다.