TIL 20 | Parent & Child Component

Parent & Child Component 를 활용하여 속성 값 전달하여 활용하기

// 부모 컴포넌트
<EachProduct
                  key={idx}
                  name={product.name}
                  collection={product.collection}
                  image={product.image}
                />

// 자녀 컴포넌트 (구조 분해 할당으로 사용)
const {
      name,
      collection,
      image,
    } = this.props;

    return (
      <li className="eachProduct">
        <img src={image} alt="productImage" />
        <div className="thumbnailInfo">
     
            <div className="productName">{name}</div>
            <div>{collection}</div>
          </h3>