JSX et les accolades
15 min
2 exercices
Niveau 2
Intégrer des expressions dynamiques dans JSX
- Créez un composant nommé
Greeting
dans un fichierGreeting.js
. - Ce composant doit inclure :
- Une constante
currentHour
définie dans le composant et contenant l'heure actuelle (utiliseznew 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 !".
- Une constante
- Importez ce composant dans le fichier
App.js
et affichez-le sous le composantWelcome
.
Rendu attendu
Besoin d'aide ?
Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !