Part.2 Component 숙제 파트 관해서 질문 드립니다.

[조경문]

안녕하세요 선생님.

선생님이 작성하신 코드와 다르게 컴포넌트 내부에서 map() method를 사용해 반환시켰는데..

강의 설명과 부합하는 옳은 접근인지 궁금해서 질문 드립니당 ^ㅁ ^ 

 

function App() {

  let [shoes, saleShoes] = useState(Data);

  return (
    <div className="App">
      <div className="container">
        <div className="row">
          <Container shoes={shoes}></Container>

        </div>
      </div>
    </div>
  )
}

function Container(props) {
  return (
    props.shoes.map((arr, idx) => {
      return (
        <div className="col-md-4">
          <img src={https://codingapple1.github.io/shop/shoes${idx + 1}.jpg} width="100%" />
          <h4>{arr.title}</h4>
          <p>{arr.content} & {arr.price}</p>
        </div>
      )
    })
  )
}

[codingapple]

별상관없습니다

나중에 재사용자주할 html, 큰페이지같은걸 컴포넌트로 만드는게 좋습니다 

[글쓴이]

글