Utilisation des composants dans React
Chaque composant connecté correspond
à sa propre balise JSX. Par exemple, si nous avons un composant
Product, alors il correspond
à la balise suivante :
<Product />
Le nom de la balise du composant doit impérativement être écrit avec une majuscule, afin que React puisse distinguer l'appel d'un composant de l'utilisation d'une balise HTML.
Ainsi, utilisons le composant Product
à l'intérieur du composant App
en écrivant la balise qui lui correspond :
import React from 'react';
import Product from './Product';
function App() {
return <div>
<Product />
</div>;
}
export default App;
Le résultat après le rendu sera le suivant :
<div>
<p>
product
</p>
</div>
Créez un composant User qui affichera
les données des utilisateurs. Pour l'instant, laissez ce
composant afficher simplement du texte.
Utilisez ce composant dans le composant App.
