인프런 커뮤니티 질문&답변
작성한 질문수
useParams질문입니다.
작성
·
147
1
각 상품의 ${index}를 id로 를 받아서 params라는 변수에 저장되는건가요? useParams의 사용방법을 자세히 알고 싶습니다
퀴즈
71%나 틀려요. 한번 도전해보세요!
React 애플리케이션에서 `react-router-dom`의 주된 목적은 무엇일까요?
서버와의 데이터 통신 관리
컴포넌트의 상태 관리
웹 페이지 간 네비게이션 기능 구현
컴포넌트 스타일링 적용
답변 1
1
그랩
지식공유자
useParams는
App.js에서 Route 컴포넌트를 이용해 아래와 같이 path를 설정합니다.
<Route exact={true} path="/products/:id">
이때 :가 붙은 id는 동적으로 변경이 가능한 path가 됩니다!
이때 동적인 path인 id를 해당 컴포넌트(ProductPage)에서 사용하고 싶을 때 사용하는 친구가 useParams입니다!