Sobes.tech
Middle+

Quels arguments React.memo accepte-t-il en plus du composant lui-même?

sobes.tech IA

Réponse de l'IA

React.memo accepte deux arguments:

  1. Composant, à mémoriser — généralement un composant fonctionnel.
  2. Fonction de comparaison (optionnelle) — prend deux objets props (prevProps et nextProps) et retourne true si les props sont considérées comme égales et qu'une nouvelle renderisation n'est pas nécessaire, ou false si le composant doit être mis à jour.

Exemple d'utilisation avec une fonction de comparaison:

const MyComponent = React.memo(function MyComponent(props) {
  // rendu
}, (prevProps, nextProps) => {
  // comparer uniquement les champs nécessaires
  return prevProps.value === nextProps.value;
});

Si la fonction de comparaison n'est pas fournie, React.memo effectue une comparaison superficielle des props par défaut.