Sobes.tech
Middle+

Aké argumenty prijíma React.memo okrem samotnej komponenty?

sobes.tech AI

Odpoveď od AI

React.memo prijíma dva argumentu:

  1. Komponentu, ktorú chcete uložiť do pamäte — zvyčajne funkčnú komponentu.
  2. Funkciu porovnania (voliteľné) — prijíma dva objekty props (prevProps a nextProps) a vracia true, ak sa props považujú za rovnaké a nie je potrebné znovu renderovať, alebo false, ak je potrebné aktualizovať komponent.

Príklad použitia s funkciou porovnania:

const MyComponent = React.memo(function MyComponent(props) {
  // renderovanie
}, (prevProps, nextProps) => {
  // porovnávame iba potrebné polia
  return prevProps.value === nextProps.value;
});

Ak funkcia porovnania nie je zadaná, React.memo vykonáva povrchové porovnanie propsov podľa predvoleného nastavenia.