JSX et les accolades

15 min 2 exercices Niveau 2

Intégrer des expressions dynamiques dans JSX

  1. Créez un composant nommé Greeting dans un fichier Greeting.js.
  2. Ce composant doit inclure :
    • Une constante currentHour définie dans le composant et contenant l'heure actuelle (utilisez new Date().getHours()).
    • Une logique pour afficher un message dynamique dans une balise <h2> :
      • Si l'heure est inférieure à 12, affichez "Bonjour !".
      • Sinon, affichez "Bonsoir !".
  3. Importez ce composant dans le fichier App.js et affichez-le sous le composant Welcome.

Rendu attendu

rendu attendu de l'exercice

logo discord

Besoin d'aide ?

Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !

En savoir plus