아래 코드에서 <p>{ shoes[0].title }</p> 또는 <p>{ shoes[0].content } & { shoes[0].price}</p> 에서 shoes가 먹히지 않습니다.
선생님께서 shoes 나 Data를 사용해도 된다 설명해주셨는데요.
shoes를 사용하면 에러가 뜨고, Data를 사용하면 멀쩡히 동작합니다.
동영상에서 선생님께서는 shoes 를 사용하셨는데도 멀쩡히 동작하여서 질문드려요.
업데이트로 인한 문제인듯 싶은데, 혹시 다른 문제가 있어서인지 질문 올립니다.
let [shoes, shoes변경] = useState([Data]);
function Card(){
return (
<div className="col-md-4">
<img src="https://codingapple1.github.io/shop/shoes1.jpg" width="100%" />
<p>{ shoes[0].title }</p>
<p>{ shoes[0].content } & { shoes[0].price}</p>
</div>
)
}