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 2020 fois
Modifier
4
Évaluations de la communautéPersonne n'a encore évalué cette question, soyez le premier !
10
Écrire un composant React qui affiche la somme de deux nombres18
Appeler une fonction au premier rendu d'un composant React36
Écrire l'équivalent non-JSX du code suivant :15
Enregistrer l'état utilisé pour afficher la page sélectionnée dans un composant React.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.31
Écrire le code manquant pour afficher les enfants du composant UserProfile.11
Utiliser useCallback pour optimiser le rendu en React