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>