useParams은 {id} 키값을 바로 가져다 retrun문에 쓸 수 있다.

1. html  작성코드

 

const {id} = useParams 을 해주면 id 값은 무슨 값이될까요

return문에 {id}를 넣게되면 어떻게 될까요?

 

---

2. localhost : 3000 / product / 1(파라미터값) 주소를 입력했을 경우

url에 불러온 파라미터 값 1 이고

return문에 적은 { id } 값에 따라 1이 UI에 출력이 된걸 알 수 있어요.

 

즉 파라미터값을 리턴문에 전달도 가능하다는  거죵