Чанд мисоли компонент дар React

Мумкин аст чанд маҳсулотро ворид кард. Барои ин танҳо лозим аст чанд теги компонентро навишт:

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

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

export default App;

Дар натиҷа, пас аз рендеринг чунин чиз ба даст меояд:

html<div>
  <p>
    маҳсулот
  </p>
  <p>
    маҳсулот
  </p>
  <p>
    маҳсулот
  </p>
</div>