Question from the React ⚛️ test

Use useCallback to optimize rendering in React

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

Check the exact statement(s)

Author: Clément DEVOSStatus: PublishedQuestion passed 3806 times
Edit
5
Community Evaluations
developer avatar
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} />; };
developer avatar
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