React - useParams

npm install react-router-dom

useParams

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

useParams는 상품의 id를 활용하여 상세페이지로 이동 할때 많이 사용 된다.

<Link to={`/animal/${animal.id}`}>{animal.name}</Link>

useParams를 변수에 지정해서 다양한 곳에 활용이 가능하다.

 const { id } = useParams();
const animal = animals.find(a => a.id === parseInt(id));