Académique Documents
Professionnel Documents
Culture Documents
Département Informatique
Faculté des Sciences El Jadida
**********************************************************************************
TP1 : React
Exercice 1: Lire les props à l'intérieur du composant enfant
Proposez les différentes solutions (en passant différents props) permettant de refléter le résultat suivant en se
basant sur deux composants imbriqués (Ex : Composant principale Test intégrant le composant CompTest):
Exercice 2:
En se basant sur Exercice1, proposez les différentes solutions permettant de refléter le résultat ci-dessous :
Exercice 3 :
Extraire un composant Card du balisage suivant et utiliser le prop children pour lui transmettre
différents JSX :
Pr. O.Boutkhoum
Module : Développement multiplateforme Master 2IAD/2023-2024
Département Informatique
Faculté des Sciences El Jadida
**********************************************************************************
Exercice 4 :
Créez une application React qui affiche une liste de tâches statiques comme illustré ci-dessous. L’application est
constitué du composant principale ‘App.js’ et de deux composant : ‘TaskItem.js’ et ‘TaskList.js’. Le composant
App transmet la liste de tâches à TaskList, qui à son tour rend chaque tâche à l'aide de TaskItem.
TaskItem
<span style={{ textDecoration: task.completed ? 'line-through' : 'none' }}>
{task.text}
</span>
Pr. O.Boutkhoum