Middle+
Welke argumenten accepteert React.memo naast de component zelf?
sobes.tech AI
Antwoord van AI
React.memo accepteert twee argumenten:
- Component, dat gememoriseerd moet worden — meestal een functioneel component.
- Vergelijkingsfunctie (optioneel) — neemt twee props-objecten (prevProps en nextProps) en retourneert
trueals de props als gelijk worden beschouwd en geen her-render nodig is, offalseals 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.