Intermédiaire
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 1270 fois
Modifier
3
Évaluations de la communautéPersonne n'a encore évalué cette question, soyez le premier !
14
Appeler une fonction au premier rendu d'un composant React13
Enregistrer l'état utilisé pour afficher la page sélectionnée dans un composant React.28
Écrire l'équivalent non-JSX du code suivant :9
Utiliser useCallback pour optimiser le rendu en React24
Écrire le code manquant pour afficher les enfants du composant UserProfile.10
Écrire un composant React qui met à jour le titre du document à chaque clic et le réinitialise à 'React App' lorsque le composant se démonte.15
Écrire un composant React en tant que fonction