URL 상세 페이지 만들기 질문입니다

import React from 'react';
import { useHistory, useParams } from 'react-router-dom';

function Detail(props){

    let history = useHistory();
    let { id } = useParams();

    return(
        <div className="container">
            <div className="row">
                <div className="col-md-6">
                    <img src="https://codingapple1.github.io/shop/shoes1.jpg" width="100%" />
                </div>
            <div className="col-md-6 mt-4">
                <h4 className="pt-5">{props.shoes[id].title}</h4>
                <p>{props.shoes[id].content}</p>
                <p>{props.shoes[id].price}</p>
                <button className="btn btn-danger">주문하기</button> 
                <button onClick={ ()=>{ history.goBack() }} className="btn btn-danger">뒤로가기</button>
                <button onClick={()=>{ history.push('/') }} className="btn btn-danger">뒤로가기</button>
            </div>
            </div>
        </div>
    )
}

export default Detail

소스입니다

답변 감사합니다
2번에서 잘못된 것 같습니다
주소창에 /detail/123 하고 id 값을 출력해보았는데 아무것도 나오지 않네요
파라미터라면 어느 부분의 파라미터를 말씀 하시는 건가요?