[React] useParams() : 유저가 URL 파라미터에 입력한거 가져올 때

유저가 URL 파라미터에 입력한거 가져오려면 useParams()

import { useParams } from "react-router-dom";

function Detail (props) {

  **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">
        <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> 
      </div>
    </div>
  </div> 
  )
}

export default Detail;

→ id라고 작명한 URL파라미터에서 유저가 :id자리에 적은걸 가져와줌