Exercice 1  (5 pts)

1- Quel est le rôle principal des props dans un composant React ?

A. Modifier l’état interne du composant.

B. Transmettre des données d’un composant parent à un composant enfant.

C. Gérer les événements utilisateur.

2 – Quel est l’intérêt d’utiliser React.Fragment ?

A. Encapsuler plusieurs éléments JSX sans créer un nœud DOM supplémentaire.

B. Définir un composant réutilisable.

C. Gérer l’état d’un composant.

3- Quel est le rôle du mot-clé key dans les listes de JSX ?

A. Assigner un identifiant unique à chaque élément pour optimiser le rendu.

B. Définir le style de chaque élément.

C. Passer des données à chaque élément.

4- props.children :

A. contient le contenu entre les balises d’ouverture et de fermeture d’un composant.

B. est toujours un objet.

C. ne peut être utilisé que dans les composants de classe.

5- Comment modifie-t-on l’état d’un composant de classe ?

A. En utilisant la méthode setState().

B. En modifiant directement la propriété state.

C. En utilisant des props.

Exercice 2 : (5 pts)

1– Créer le composant de classe ListerPays qui permet d’afficher les noms de pays dans une liste ordonnée (3 pts) .

rendu :

1. Maroc

2. Palestine

3. Tunisie

4. Egypt

2- Faire appel au composant crée dans le composant App. (2pts)

Exercice 3  : (6 pts)

1- Créer le composant fonctionnel Stagiaire avec des propriétés (Numi, nom, filière,niveau) qui permet de les afficher dans une div : (2 pts)

Rendu : Le stagiaire numéro ….de nom …., est inscrit dans la filière …. niveau….

2 – Créer le composant de classe Classe qui retourne une liste des stagiaires (appel au composant stagiaire) (2 pts)

3 – Dans le composant Classe, définir une méthode RechercherStagiaire qui retourne les information d’un stagiaire recherché par Numi.La méthode retourne null si aucun stagiaire n’existe. (2pts)

Exercice 4 : (4pts)

1- Proposer la commande à écrire pour créer un nouveau projet react nommé : cc1. (2pts)

2- Dans quel dossier, dans le projet react, on ajoute nos composants ? (2pts)