Easy
What is the outcome of executing the following React code (using the useState
hook) to modify the style of a button?
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)}
>
Hover over me
</button>
);
}
Author: Vincent CotroStatus: PublishedQuestion passed 793 times
Edit
4
Community Evaluations
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.
Similar QuestionsMore questions about React