Home>IT Tests>Questions>Use useCallback to optimize rendering in React

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 3264 times

Edit

Community Evaluations

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} />; };