선생님 detail 상세 페이지 이미지가 오류가 뜹니다
useParam()를 이용해서
function Detail(props, i) {
let { id } = useParams(); // url에 id가 남음
console.log(id);
return(
<div className='wrap'>
<div className='detailWrap'>
<div className='detailImg'>
</div>
<div className='detailInformation'>
<p className='detailTitle'>{props.detail[id].name}</p>
<p className='detailPrice'>{props.detail[id].price}</p>
<div className='detailBtn'>
<button>장 바 구 니</button>
<button>구 매 하 기</button>
</div>
</div>
</div>
</div>
)
}
이렇게 코드를 짜고(주소 http://localhost:3000/detail/1)
태그에도 이렇게 잘 나왔는데 이미지가 안 나옵니다.
왜 그런걸까요ㅜ?