Sobes.tech
Middle+

Welke argumenten accepteert React.memo naast de component zelf?

sobes.tech AI

Antwoord van AI

React.memo accepteert twee argumenten:

  1. Component, dat gememoriseerd moet worden — meestal een functioneel component.
  2. Vergelijkingsfunctie (optioneel) — neemt twee props-objecten (prevProps en nextProps) en retourneert true als de props als gelijk worden beschouwd en geen her-render nodig is, of false als het component moet worden bijgewerkt.

Voorbeeld van gebruik met een vergelijkingsfunctie:

const MyComponent = React.memo(function MyComponent(props) {
  // rendering
}, (prevProps, nextProps) => {
  // vergelijk alleen de benodigde velden
  return prevProps.value === nextProps.value;
});

Als de vergelijkingsfunctie niet wordt meegegeven, voert React.memo standaard een oppervlakkige vergelijking van de props uit.