URL 파라미터로 상세페이지 100개
페이지를 여러개 만들고 싶을 땐
:URL 파라미터 써도 된다.
/detail/아무거나
<Route path='/detail/:id(작명)' element={<Detail shoes={shoes} />} />
유저가 URL 파라미터에 입력한 거 가져오려면
useParams
function Detail(props) {
let {id} = useParams();
url 파라미터 만들 때 여러개 가능
<Route path='/detail/:id/123/123/123' element={<Detail shoes={shoes} />} />
'React > 리액트(코딩애플)' 카테고리의 다른 글
Lifecycle/ hook (0) | 2023.06.24 |
---|---|
styled-components (0) | 2023.06.24 |
router 2: navigate, nested routes, outlet (0) | 2023.06.24 |
react-router-dom 사용법 (0) | 2023.06.21 |
import / export / state 데이터 바인딩 (0) | 2023.06.21 |