코드로 배우는 리액트 - WRAPUP
- 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를 전달해주어야 합니다.
31,500원
* 상품을 공유 하시려면 소셜 공유하기를 클릭해 보세요.
* 상품리뷰는 상품리뷰 버튼을 클릭하면 확인할 수 있어요.
* 파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있어요.
