React Router 3 : URL 파라미터로 상세페이지 100개 만들기 과제

[박찬우]

App.js에서 

let { id } = useParams() 를 가져오고

그 밑의 라우팅 되는 녀석의 코드를 이렇게 바꿔도 잘 동작하게 바뀌나요??

<Route path={/detail/${shoes[id]}}>
<Detail shoes={shoes}></Detail>
</Route>

아니라면 그 이유는 뭘까요??

아니라면 App.js의 {id} 이녀석을 프롭스로 Detail.js에 전송해서 쓴다면 옳게 작동할까요?

 

[codingapple]

useParams()  는 현재 url란에 유저가 입력한 :파라미터를 object형태로 가져와주는 함수입니다

<Route>있는 부분은 유저가 url의 :id 부분에 뭐 입력하고 그런 페이지가 아니라서 id 출력해봐도 아무것도 안나오겠군요

[글쓴이]

글