컴포넌트에서 URL Parameter를 사용할 수 있는 방법이 있나요?

안녕하세요. 리액트 라우터3 파트 수강 중 질문사항이 생겨 글 남깁니다.

상품카드 컴포넌트에 navigate를 Props로 받아온 상태이고,
카드 클릭 시 해당 상품 ID 페이지로 이동하고 싶은데 아래 사진처럼 주소 그대로 받아와지게 됩니다.
중괄호에도 넣어보고 파라미터를 두 개로 나누어 보기도 했는데 해결이 안되는 상황입니다 ..




1. Props로 받아온 navigate 내부에서 URL Parameter를 인식할 수 있는 방법이 있을까요?
2. 또한 추가적으로 useParams 선언 시 어떻게 1,2,3... 값이 들어가게 되는지 궁금합니다. 원본 데이터의 id라는 이름을 가진 키값을 찾아 바인딩되는 건가요?

항상 양질의 강의 감사드립니다.