Question du test React ⚛️

Utiliser le crochet `useContext` pour afficher un bouton avec un thème sombre.

Facile

Quel est le résultat de l'exécution du code suivant en React (utilisant le hook useContext) ?

import React, { createContext, useContext } from 'react';
import MyCustomButton from 'somewhere';

const ThemeContext = createContext('light');

function ThemedButton() {
  const theme = useContext(ThemeContext);
  return <MyCustomButton theme={theme}>Thème : {theme}</MyCustomButton>;
}

function App() {
  return (
    <ThemeContext.Provider value='dark'>
      <ThemedButton />
    </ThemeContext.Provider>
  );
}
Auteur: Vincent CotroStatut : PubliéeQuestion passée 1187 fois
Modifier
6
Évaluations de la communauté
developer avatar
Yossra
06/04/2023
le bouton ne s'affiche pas je crois que c'est la bonne réponse car il manque l'élément export au niveau de la ligne 11 exprt function App() {
developer avatar
Nazar
11/09/2023
We cannot pass property 'theme' to the button component.
developer avatar
Vincent Cotro
07/11/2023
I updated the question.