카드컴포넌트 만들기.

 {
              data.map(function(a,i){
                return(
                  <div>                    
                    <h4> {data[i].title} </h4>
                    <span>{data[i].img}</span>
                    <p> {data[i].price} </p>
                  </div>
                )
              })
            }

만약에 카드를 따로 쓰지 않고,데이터만 불러온다는 가정하에.

let data = [
    {
      id : 0,
      title : "White and Black",
      content : "Born in France",
      price : 120000,
      img : "https://codingapple1.github.io/shop/shoes1.jpg"

    },

data.js에 들어있는 ing도 map 함수를 이용한다면
data[i].img는 어떻게 수정하면 좋을까요?