목록url parameter (1)

코딩하는 고릴라

[React] URL parameter

🐫URL Parameter 똑같은 레이아웃 내에서 출력 내용 일부만 달라질 때 사용 - 상품의 상세페이지(레이아웃은 같으나 어떤 상품인지에 따라 출력 내용이 달라짐) /detail/0, /detail/1, /detail/2 등 URL에 파라미터 지정 (/detail/:id) 해당 라우터 컴포넌트에 props 전달 해당 컴포넌트 내에서 useParams 임포트 useParams를 이용해 URL의 파라미터 가져오기 해당 파라미터 사용 App.js Line 9 - Route Path에서 /detail의 뒤쪽에 :id 라는 이름의 파라미터 붙이기 [Path=”/detail/:id] - ProductDetail 컴포넌트에 상품 정보를 담고있는 products를 전달 ProductDetail.js Line 3 - ..
React 2023. 11. 27. 23:53
이전 Prev 1 Next 다음