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 996 fois
Modifier
5
Évaluations de la communauté
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.
Questions similairesPlus de questions sur React
26
Écrire l'équivalent non-JSX du code suivant :20
Écrire le code manquant pour afficher les enfants du composant UserProfile.13
Écrire un composant React en tant que fonction12
Appeler une fonction au premier rendu d'un composant React10
Enregistrer l'état utilisé pour afficher la page sélectionnée dans un composant React.