Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Défi : Créer des Composants Fonctionnels | Composants Réutilisables et Flux de Données
Practice
Projects
Quizzes & Challenges
Quiz
Challenges
/
Introduction à React

bookDé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 :

  1. Créer un composant enfant
    • Créer un composant nommé Greeting.
    • Accepter une prop appelée name.
    • Afficher un élément h2 avec le texte : Hello, {name}.
  2. Créer un composant parent
    • Créer un composant nommé App.
    • Afficher le composant Greeting à l'intérieur.
    • Passer la valeur "Oliver" à la prop name.
  3. Afficher le composant App
    • Afficher le composant App en utilisant root.render.
  • Le composant enfant reçoit les données via les props.
  • Utiliser {props.name} dans le JSX.
  • Passer la prop name lors de l'affichage de Greeting.
  • Le composant App doit être affiché dans le DOM.
Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 2

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

bookDé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 :

  1. Créer un composant enfant
    • Créer un composant nommé Greeting.
    • Accepter une prop appelée name.
    • Afficher un élément h2 avec le texte : Hello, {name}.
  2. Créer un composant parent
    • Créer un composant nommé App.
    • Afficher le composant Greeting à l'intérieur.
    • Passer la valeur "Oliver" à la prop name.
  3. Afficher le composant App
    • Afficher le composant App en utilisant root.render.
  • Le composant enfant reçoit les données via les props.
  • Utiliser {props.name} dans le JSX.
  • Passer la prop name lors de l'affichage de Greeting.
  • Le composant App doit être affiché dans le DOM.
Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 2
some-alt