Sobes.tech
Middle+

Milyen argumentumokat fogad a React.memo a komponensen kívül?

sobes.tech MI

Válasz az MI-től

A React.memo két argumentumot fogad:

  1. Komponens, amit memorizálni szeretnél — általában egy funkcionális komponens.
  2. Összehasonlító függvény (opcionális) — két props objektumot (prevProps és nextProps) vesz át, és true értékkel tér vissza, ha a propsok egyenlőnek tekinthetők, és nem szükséges újra renderelni, vagy false-t ad, ha frissíteni kell a komponenst.

Példa összehasonlító függvénnyel:

const MyComponent = React.memo(function MyComponent(props) {
  // renderelés
}, (prevProps, nextProps) => {
  // csak a szükséges mezőket hasonlítjuk össze
  return prevProps.value === nextProps.value;
});

Ha az összehasonlító függvény nincs megadva, a React.memo alapértelmezés szerint felületi összehasonlítást végez a propsokon.