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 3655 fois
Modifier
5
É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} />;
};
Auteur anonyme
18/06/2024
Il faudra peut être mettre à jour la question en précisant la version de react avec le futur react compiler
Questions similairesPlus de questions sur React
23
Écrire l'équivalent non-JSX du code suivant :19
Écrire le code manquant pour afficher les enfants du composant UserProfile.13
Écrire un composant React en tant que fonction11
Appeler une fonction au premier rendu d'un composant React9
Enregistrer l'état utilisé pour afficher la page sélectionnée dans un composant React.