Question du test React ⚛️

Trouvez l'erreur dans ce code React:

Facile

const SomeComponent = ({ onChange, id }) => {  
    const handleClick = useCallback(() => {  
        onChange(id);  
  }, []);  
 return <button onClick={() => handleClick()}>Click me !</button>;  
};

Quels sont le/les soucis avec ce code?

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

Modifier

Évaluations de la communauté

Ihor Oherchuk

30/04/2024

Why is "You must absolutely encapsulate the onClick handler in a useCallback, otherwise performance will be impacted" the wrong answer? the button with onClick={()=>handleClick()} will rerender whenever the parent component does, even if handleClick is wrapped in useCallback, we need to write this way onClick={handleClick} to avoid extra rerenders and a negative impact for performance

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