라우터3-url파라미터 관련

선생님 detail 경로를 어떻게 새로 만들라는 걸까요?

이렇게 import Detail from './routes/Detail.js';

      <Route path="/detail/:id" element={<Detail shoes={shoes}/>} /> 적은거 말고 추가로 어떤걸 입력해야하는 지 모르겠습니다...

선생님ㅜ

<Route path="/detail" element={<Detail shoes={shoes}/>} />
<Route path="/detail/:id" element={<Detail shoes={shoes}/>} /> 이렇게 2개의 경로를 넣고

<h4 className="pt-5">{props.shoes[id].title}</h4> 했을때는 상세페이지가 안보이고

<h4 className="pt-5">{props.shoes[0].title}</h4> 했을 때 상세페이지가 보입니다..강의를 다시 봐도 이해가 잘 안되서요ㅜㅜ

왜 <Route path="/detail" 이 경로를 추가해야하는지 모르겠습니다.

<Route path="/detail/:id" 이 경로 또한 detail페이지 경로 아닌가요? 단지 url파라미터가 추가된건데  url파라미터가 추가되면 별개의 경로로 보는건가요?