Question du test React ⚛️

Modifier le style d'un bouton en utilisant le crochet `useState` en React.

Facile

Quel est le résultat de l'exécution du code suivant en React (utilisant le hook useState) pour modifier le style d'un bouton ?

import React, { useState } from 'react';

function App() {
  const [isHighlighted, setIsHighlighted] = useState(false);

  const buttonStyle = isHighlighted ? { backgroundColor: 'yellow' } : {};

  return (
    <button
      style={buttonStyle}
      onMouseEnter={() => setIsHighlighted(true)}
      onMouseLeave={() => setIsHighlighted(false)}
    >
      Survolez-moi
    </button>
  );
}
Auteur: Vincent CotroStatut : PubliéeQuestion passée 512 fois
Modifier
4
Évaluations de la communauté
developer avatar
Mickael
07/01/2024
Un button n'a pas de background transparent par défaut, donc je ne vois pas pourquoi il redeviendrait transparent alors que nativement un il a un background: buttonface. Il faudrait plutôt préciser sa couleur d'origine si c'est la réponse désirée.
developer avatar
Auteur anonyme
23/01/2024
Complètement d'accord.
developer avatar
Auteur anonyme
07/05/2024
D'accord également