선생님. 상세페이지로 이동하는 부분을 구현하다가 주소창에 /detail/1 이런식으로 들어가는게 불편해서
해당 제품을 클릭하면 제품의 상세로 이동하게끔 해보고싶어졌습니다.
그런데 저기서 1은 제품의 인덱스랑 같고, 제품 사진도 그렇게 불러오니까 이걸 활용하면 되겠다 싶더라고요.
function Itemtwo(props) {
let navigate = useNavigate();//페이지 이동을 도와주는 Hook
return (
<Col className="shoesItem" >
<Link href="" onClick={(() => { navigate('/detail/' + props.i); })}>
< img src={process.env.PUBLIC_URL + '/image/shoes' + props.i + '.jpg'} />
<h4>{props.shoes.title}</h4>
<p>{props.shoes.content}</p>
<span>{props.shoes.price}</span>
</Link>
</Col>
)
}
그래서 이렇게 작성하면 되겠거니.. 했는데 에러는 안나지만 링크가 작동하지도 않네요. 제가 놓친부분이 있을까요?
