Користење на компоненти во React

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

<Product />

Името на тагот на компонентата мора да се пишува со голема буква, за да може React да го разликува повикот на компонентата од употребата на HTML таг.

Значи, да ја користиме компонентата Product внатре во компонентата App, со пишување на соодветниот таг:

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

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

export default App;

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

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

Направете компонента User, која ќе ги прикажува податоците на корисниците. Нека за сега оваа компонента едноставно прикажува некој текст. Користете ја оваа компонента во компонентата App.