en

Daily Challenge 🗓️

Votre dose quotidienne de veille technique pour briller en société (de devs).

Découvrez une question avec sa correction détaillée chaque jour sur un sujet au hasard :

Frontend, Backend, Mobile, Data, Web, AI, Infra... Tout ce qui se code ! 🧪

Friday 27 March 2026

-

React ⚛️

React ⚛️ #14/45

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: Équipe W3DStatut : PubliéeQuestion passée 2149 fois
ModifierLien direct
8
Évaluations de la communauté
developer avatar
Auteur anonyme
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
Auteur anonyme
11/09/2023
We cannot pass property 'theme' to the button component.
developer avatar
Auteur anonyme
07/11/2023
I updated the question.

A propos du Daily Challenge 🗓️

Découvrez chaque jour, du lundi au vendredi, une question de QCM avec son corrigé détaillé pour enrichir vos connaissances tech. Les questions sont proposées par la communauté WeLoveDevs.com : experts et expertes, formateurs et formatrices, indépendants et indépendantes.WeLoveDevs.com accompagne les techs à la recherche de leur de job de rêve. Nous mettons également à disposition plus de 50 tests techniques dans différentes technologies pour ceux d'entre vous qui aimeraient tester leurs connaissances.

Historique

    ⚠️
    Votre navigateur est mal|non supporté !
    Nous vous conseillons d'utiliser un navigateur moderne comme Edge, Chrome ou Firefox
    En savoir plus