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 1444 fois
Modifier
3
Évaluations de la communautéPersonne n'a encore évalué cette question, soyez le premier !
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.9
Utiliser useCallback pour optimiser le rendu en React28
Écrire l'équivalent non-JSX du code suivant :25
Écrire le code manquant pour afficher les enfants du composant UserProfile.15
Appeler une fonction au premier rendu d'un composant React14
Enregistrer l'état utilisé pour afficher la page sélectionnée dans un composant React.15
Écrire un composant React en tant que fonction