[react] useParams() - 파라미터 가져오기

...URL/edit/1
edit은 pathname, 1은 parameter

 

 

pathname을 가져오기 위해서는 useLocation(), parameter를 사용하기 위해서는 useParams()를 사용하면 된다.

사용전에는 반드시 라우터가 설치되어 있어야한다. (npm install react-router-dom)

 

 

useParams() 사용

import { useParams } from "react-router-dom";

const Edit = () => {
  const { id } = useParams();

  return (
    <div>
    </div>
  )
}

export default Edit;​