인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

123alba님의 프로필 이미지
123alba

작성한 질문수

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

Link 적용하기

useParams질문입니다.

작성

·

129

1

각 상품의 ${index}를 id로 를 받아서 params라는 변수에 저장되는건가요? useParams의 사용방법을 자세히 알고 싶습니다

답변 1

1

그랩님의 프로필 이미지
그랩
지식공유자

useParams는 

App.js에서 Route 컴포넌트를 이용해 아래와 같이 path를 설정합니다.

<Route exact={true} path="/products/:id">

이때 :가 붙은 id는 동적으로 변경이 가능한 path가 됩니다!

이때 동적인 path인 id를 해당 컴포넌트(ProductPage)에서 사용하고 싶을 때 사용하는 친구가 useParams입니다! 

123alba님의 프로필 이미지
123alba

작성한 질문수

질문하기