Използване на компоненти в 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.