컴포넌트 질문드립니다~

[허정우]

   안녕하세요 선생님!!!

 

<div className="container"> {/* 상품리스트  */}
      <div className="row">
        {
          shoes.map((a,i)=> {
            return <Product i={i} shoes={shoes[i]} key={i} />
          })
        }
      </div>
    </div>

위 코드를 컴포넌트화 시키고싶은데 props를 어떻게 받아야할지 도무지 감이 오질 않습니다. 도움이 필요합니다!!

[codingapple]

저걸 예를 들어서 <List> 컴포넌트로 만들거면

App -> List 이렇게 shoes라는걸 props로 전송하면 되겠군요 

[허정우]

<SellList shoes={shoes} />

function SellList(props) {
  return (
    <div className="container">
      {" "}
      {/* 상품리스트  */}
      <div className="row">
        {props.shoes.map((a, i) => {
          return <Product i={i} shoes={shoes[i]} key={i} />;
        })}
      </div>
    </div>
  );
}

틀린 부분이 있는지 페이지 로드가 안됩니다.. 어느 부분이 잘못된지를 모르겠네요

[codingapple]

shoes={shoes[i]}

여기가 props.shoes라고 되어야할듯요 

[허정우]

해결했습니다 감사합니다!!

[글쓴이]

글