რამდენიმე კომპონენტის ინსტანცია React-ში

შეგიძლიათ ჩასვათ რამდენიმე პროდუქტი. ამისთვის საჭიროა უბრალოდ დაწეროთ რამდენიმე კომპონენტის ტეგი:

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

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

export default App;

შედეგად, რენდერინგის შემდეგ მივიღებთ შემდეგს:

<div>
	<p>
		პროდუქტი
	</p>
	<p>
		პროდუქტი
	</p>
	<p>
		პროდუქტი
	</p>
</div>

დაამატეთ კომპონენტში App რამდენიმე ინსტანცია კომპონენტისა User, რომელიც შექმენით წინა ამოცანაში.