Gérer les données grâce au context

15 min 2 exercices Niveau 7

Créer un thème global avec le Context

  1. Créez un fichier ThemeContext.js et définissez un contexte pour gérer un thème (light ou dark).
  2. Créez deux composants :
    • ThemeDisplay.js : affiche le thème actuel et applique des styles associés au thème (light ou dark). Les styles doivent inclure un fond coloré et une couleur de texte spécifiques à chaque thème.
    • ThemeToggle.js : inclut un bouton permettant de basculer entre les thèmes light et dark.
  3. Gérez l'état du thème (light ou dark) avec le contexte dans le composant parent App.

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