쇼핑몰프로젝트에서 상세페이지에서 이미지 바꾸는법

[빡통박]

 let {id} = useParams();
 
 let 찾은상품 = props.shoes.find(function(x){
    return x.id == id
  });

이걸써서 상세페이지마다 내용바뀌는건 알겠는데
하드 코딩된 이미지도 해당상품에 맞게 변경되게 하고 싶은데 도저히 모르겠습니다...
숙제 2개밖에 못 푼 빡통중에 빡통입니다. ㅠㅠ
힌트 좀 주실 수 있을까요?? 힌트 줘도 알아들을 수 있을지도 의문.. ㅠㅠ

[codingapple]

현재 url이 detail/0 이면 shoes1.jpg 보여주고 
현재 url이 detail/1 이면 shoes2.jpg 보여주고 
이렇게 코드짜면 될듯요

[빡통박]

저도 거기까지는 생각이 갔는데 어떤걸 써서 코드를 짜야할지 머리속에 안떠오릅니다..
좀 전에 생각난건 Detail컴포넌트에 props 쓰고있으니 i 활용하면 될까 싶어 해봤지만 역시나였구여.. ㅠㅠ

 <img
            src=
              {"https://codingapple1.github.io/shop/shoes" + (props.i + 1) + ".jpg"}     
            width="100%"
          /> 

빡통이라 죄송합니다.. 조금만 더 도와 주실 수 있을까요??

[빡통박]

선생님 해결됐습니다.. 등잔 밑이 어둡다고.. useParams로 가져온 id를 쓰면 되는데 멍청했네요..

[글쓴이]

글