useParams

** useParams?

: Parameter(파라미터) 값을 URL을 통해서 넘겨서 넘겨받은 페이지에서 사용할 수 있도록 도와줌

파라미터로 넘겨지는 id 값에 따라 원하는 데이터를 불러올 수 있다. 불러올 때 useParams를 이용해서 id 값을 가져오고 그 데이터 값을 이용해서 세부 페이지에서 활용하는 구조로 만들면 된다.

ex) import { useParams } from "react-router-dom"; 후에,

const {id} = useParams(); 선언하면

 return (<div>{context.data[id]}</div>) 이런식으로 사용 가능