홈인테리어, 프리미엄 가구

가이드문구

코드로 배우는 리액트

  • 2024-08-20 19:18:16
  • 리뷰(0)

가이드문구

```jsx import React from 'react'; class ProductDetail extends React.Component { render() { const { product } = this.props; return ( {product.name} {product.description} Price: ${product.price} Stock: {product.stock} ); } } export default ProductDetail; ``` 위 코드는 React 컴포넌트인 `ProductDetail`을 만들어서 상품의 상세 설명을 표시하는 부분을 구현한 것입니다. `product`라는 props를 받아와서 상품의 이름, 설명, 가격, 재고를 화면에 표시하고 있습니다. 이를 사용하기 위해서는 해당 컴포넌트를 부모 컴포넌트에서 `product` props를 전달해주어야 합니다.

가격·재고는 판매 페이지 기준으로 실시간 변동될 수 있습니다.
최신 정보는 상세 페이지에서 확인하세요.