[React]useParams() 파라미터

useParams란? 

리액트에서 제공하는 Hook으로 동적으로 라우팅을 생성하기 위해 사용한다. URL에 포함되어있는 Key, Value 형식의 객체를 반환해주는 역할을 한다.

 

참고로 useParams를 사용하기 위해서는 라우터 설치가 필수다.

라우터 설치방법 

npm install react-router-dom

 

1.  useParams를 원하는 페이지에 import한다.

import { useParams } from 'react-router-dom'

 

2. 변수에 할당해서 사용할 수 있다.

  const {params} = useParams()
  console.log({params})

이렇게 했을 경우 객체의 Key, Value가 없다면 정상적으로 params: undefined 로 콘솔에 찍힌다.