Plusieurs instances d'un composant dans React

Il est possible d'insérer plusieurs produits. Pour cela, il suffit simplement d'écrire plusieurs balises du composant :

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

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

export default App;

En conséquence, après le rendu, on obtiendra ce qui suit :

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