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:
- Komponens, amit memorizálni szeretnél — általában egy funkcionális komponens.
- Ö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, vagyfalse-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.