Utilizzo dei componenti in React

Ad ogni componente importato corrisponde il proprio tag JSX. Ad esempio, se abbiamo il componente Product, allora ad esso corrisponde il seguente tag:

<Product />

Il nome del tag del componente deve essere scritto obbligatoriamente con la lettera maiuscola, in modo che React possa distinguere la chiamata di un componente dall'utilizzo di un tag HTML.

Quindi, all'interno del componente App utilizziamo il componente Product, scrivendo il tag corrispondente:

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

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

export default App;

Di conseguenza, dopo il rendering, otterremo quanto segue:

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

Create il componente User, che visualizzerà i dati degli utenti. Per ora, questo componente si limiti a visualizzare del testo. Utilizzate questo componente all'interno del componente App.