[React] useParams : 파라미터 값을 가져올 수 있다.

 

useParams 💙 : React hook

: 파라미터 값을 가져올 수 있다.

---

html
<Route path="/product/:id" element={ <ProductDetailpage/>} />

url - 주소링크

localhost:3000/product/1

콘솔결과

{  id : 1 }
오브젝트로 반환하며 
id : 키
1 : 값

해당 결과로  보아 

 

id는 우리가 작성한 html의 :id라고 적은 부분은 키값으로 들어가고

1은 우리가 url에서 검색했을때 1값이 값으로 들어 갔다.