강사님 질문있습니다

이렇게 카테고리(소설,학습지,잡지) 별로 나누어져있고
각 데이터들은 객체 형식으로 
[
    {
        id : 1,
        title: '학습지 해법국어',
        writer: '천재교육 ',
        price: 4000,
        img: "/img/learning/learning1.jpg"
    }
]
이런식으로 저장되어있습니다.

아이템(책) 출력은 
map써서 props를 전달하여 
하위 컴포넌트로 출력하고있습니다.

만약 각 아이템(책)을 누르면 

detail 컴포넌트로 바뀌고



url 주소가 (카테고리/id(책id)) 로 바꾸게 하려면 

어떻게 해야할까요

route id 배운거 써먹으려했는데 잘모르겠습니다.