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: Équipe W3DStatut : PubliéeQuestion passée 2071 fois
Modifier
4
Évaluations de la communautéPersonne n'a encore évalué cette question, soyez le premier !
36
Écrire l'équivalent non-JSX du code suivant :10
Écrire un composant React qui affiche la somme de deux nombres32
Écrire le code manquant pour afficher les enfants du composant UserProfile.18
Appeler une fonction au premier rendu d'un composant React10
Trouvez l'erreur dans ce code React:11
Utiliser useCallback pour optimiser le rendu en React15
Enregistrer l'état utilisé pour afficher la page sélectionnée dans un composant React.