Accueil>Tests>Questions>Utiliser useCallback pour optimiser le rendu en React

Question du test React ⚛️

Utiliser useCallback pour optimiser le rendu en React

Facile

const SomeComponent = ({ onChange, id }) => {
...
    return <MyCustomComponent id={id} onClick={() => onChange(id)} />;
};

Cochez la/les affirmation(s) exacte(s)

Auteur: Clément DEVOSStatut : PubliéeQuestion passée 3264 fois

Modifier

Évaluations de la communauté

Arthur

12/03/2024

Explication : L'utilisation de useCallback permet de mémoriser la fonction handleChange entre les rendus et de s'assurer qu'elle ne sera recréée que si l'une de ses dépendances (onChange ou id) change. Cela aide à optimiser les performances en évitant de recréer la fonction à chaque rendu si les dépendances ne changent pas. Donc, la réponse correcte est : Cette syntaxe optimise le rendu jsx Copy code const SomeComponent = ({ onChange, id }) => { ... const handleChange= useCallback(() => onChange(id),[onChange, id]); return <MyCustomComponent id={id} onClick={handleChange} />; };

Questions similaires

Plus de questions sur React

Écrire l'équivalent non-JSX du code suivant :

Écrire le code manquant pour afficher les enfants du composant UserProfile.

Écrire un composant React en tant que fonction

Appeler une fonction au premier rendu d'un composant React

UseState et useEffect en React