Défi : Créer des Composants Fonctionnels
Créer un composant fonctionnel React qui affiche un message de salutation en utilisant des props.
La tâche se compose de deux parties :
- Créer un composant enfant
- Créer un composant nommé
Greeting. - Accepter une prop appelée
name. - Afficher un élément
h2avec le texte :Hello, {name}.
- Créer un composant nommé
- Créer un composant parent
- Créer un composant nommé
App. - Afficher le composant
Greetingà l'intérieur. - Passer la valeur
"Oliver"à la propname.
- Créer un composant nommé
- Afficher le composant
App- Afficher le composant
Appen utilisantroot.render.
- Afficher le composant
- Le composant enfant reçoit les données via les props.
- Utiliser
{props.name}dans le JSX. - Passer la prop
namelors de l'affichage deGreeting. - Le composant
Appdoit être affiché dans le DOM.
Tout était clair ?
Merci pour vos commentaires !
Section 2. Chapitre 2
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Génial!
Completion taux amélioré à 4
Défi : Créer des Composants Fonctionnels
Glissez pour afficher le menu
Créer un composant fonctionnel React qui affiche un message de salutation en utilisant des props.
La tâche se compose de deux parties :
- Créer un composant enfant
- Créer un composant nommé
Greeting. - Accepter une prop appelée
name. - Afficher un élément
h2avec le texte :Hello, {name}.
- Créer un composant nommé
- Créer un composant parent
- Créer un composant nommé
App. - Afficher le composant
Greetingà l'intérieur. - Passer la valeur
"Oliver"à la propname.
- Créer un composant nommé
- Afficher le composant
App- Afficher le composant
Appen utilisantroot.render.
- Afficher le composant
- Le composant enfant reçoit les données via les props.
- Utiliser
{props.name}dans le JSX. - Passer la prop
namelors de l'affichage deGreeting. - Le composant
Appdoit être affiché dans le DOM.
Tout était clair ?
Merci pour vos commentaires !
Section 2. Chapitre 2