Contenu du cours
React Router
React Router
Configurer un Composant React
Notre prochain objectif dans notre parcours continu avec l'application précédente est de construire la page "Produits". Cette page servira de plateforme pour afficher les données fournies par le fichier data.js
, nous permettant d'interagir avec elles.
Nous commençons par créer le composant ProductsPage
. La structure du composant est la suivante :
js
Nous avons établi un composant React nommé
ProductsPage
. Ce composant est conçu pour gérer l'affichage d'une liste d'entreprises ;Le hook
useState
initialise l'étatcompanies
. Cet état permettra au composant de gérer et de répondre aux changements dans la liste des entreprises ;La fonction
handleChange
est configurée pour gérer les entrées utilisateur et déclencher des mises à jour basées sur l'entrée.
Avec ce composant ProductsPage
en place, nous pouvons afficher une liste dynamique d'entreprises et permettre l'interaction de l'utilisateur avec les données.
Merci pour vos commentaires !