리액트 라우터3... 100개 만들기 강의 숙제 관련 질문이요!

안녕하세요.

리액트 라우터 3 : URL 파라미터로 상세페이지 100개 만들기 강의 숙제 중 
질문이 있어서 글 작성합니다.

shoes라는 상품 데이터들이 정렬이 되어도 안에 /:id 자리에 입력한 값과 id값이 같은 상품을 찾아서
데이터바인딩을 하라는 숙제였습니다.

저는 정답과는 다르게 풀었는데 이게...제대로 작동하는지 확신이 안 서서 질문드립니다.
(실제로 버튼 만들어서 shoes를 타이틀순으로 정렬해보고 싶었는데...잘 안 되네용...)

일단 제가 쓴 코드는 아래 이미지와 같습니다.



제가 생각하기에는 props로 전달받은 슈즈가 정렬이 어떻게 되건 간에
0번째 상품의 id를 보여주라...라고 하면 되지 않을까 해서요.

{props.shoes[props.shoes[id].id].title}

이렇게 있으면 저 굵게 표시된 부분이 몇 번째를 나타내는 거니까 그거에 대한 id...이런 식으로요.
이게 실제로 정렬 버튼을 만들어도 숙제가 요구하는 대로 작동할까요?