Коришћење компоненти у React-у

Свакој повезаној компоненти одговара своја JSX ознака. На пример, имамо компоненту Product, што значи да јој одговара следећа ознака:

<Product />

Назив ознаке компоненте мора да се пише великим почетним словом, како би React могао да разликује позивање компоненте од употребе HTML ознаке.

Дакле, хајде да унутар компоненте App искористимо компоненту Product, написавши одговарајућу ознаку:

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

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

export default App;

Као резултат, након рендеровања добићемо следеће:

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

Направите компоненту User која ће приказивати податке корисника. Нека за сада ова компонента једноставно приказује неки текст. Искористите ову компоненту у компоненти App.