질문 부탁드려요

public폴더에 img 폴더 만들고 그 안에 이미지 넣고

src폴더에서 data.js

export default [
{
"id" : 0,
"img": "img/1.png",
"title" : "레드파파야블랙티 20입",
"price" : "18,400"
},

{
"id" : 1,
"img": "img/2.png",
"title" : "삼다연제주영귤 20입",
"price" : "23,000"
},

{
"id" : 2,
"img": "img/3.png",
"title" : "찬물녹차 20입",
"price" : "7,600"
}
]

이렇게 만들고

 
import tealist from './data';

import하고

 
let [tea, setTea] = useState(tealist);

state에 저장하고

function Product(props){

let stock = useContext(stockContext);

return(
<div className="col-md-4">

여기서도 이렇게 나오네요

<i     m g src={props.tea.img} width='100%' alt="tea"/>
 
<h4>{props.tea.title}</h4>
<p>{props.tea.price}원</p>
{stock[props.i]}
<Test></Test>
</div>
)
}

props로 전달해서 했는데 별 짓을 다 해봐도 결과는 달라지지 않습니다

딱히 오류도 안 뜨고 

잘 되다가 갑자기 이러네요

감사합니다

감사합니다!

답변 부탁드립니다..