React에서 여러 컴포넌트 인스턴스

여러 개의 제품을 삽입할 수 있습니다. 이를 위해서는 단순히 컴포넌트 태그를 여러 번 작성하면 됩니다:

jsximport React from 'react';
import Product from './Product';

function App() {
  return <div>
    <Product />
    <Product />
    <Product />
  </div>;
}

export default App;

렌더링 후 결과는 다음과 같습니다:

html<div>
  <p>
    product
  </p>
  <p>
    product
  </p>
  <p>
    product
  </p>
</div>