Sobes.tech
Middle+

Ի՞նչ արգումենտներ է ընդունում React.memo-ը ինքնին կոմպոնենտից բացի։

sobes.tech AI

Պատասխան AI-ից

React.memo երկու արգումենտ է ընդունում:

  1. Կոմպոնենտ, որը պետք է հիշեցվի — սովորաբար ֆունկցիոնալ կոմպոնենտ:
  2. Համեմատության ֆունկցիա (ընտրովի) — ընդունում է երկու props օբյեկտներ (prevProps և nextProps) և վերադարձնում true, եթե props-ները համարվում են հավասար և կրկնակի ռենդեր չի պահանջվում, կամ false, եթե անհրաժեշտ է թարմացնել կոմպոնենտը:

Օրինակ օգտագործում համեմատության ֆունկցիայի հետ:

const MyComponent = React.memo(function MyComponent(props) {
  // ռենդեր
}, (prevProps, nextProps) => {
  // միայն անհրաժեշտ դաշտերը համեմատում ենք
  return prevProps.value === nextProps.value;
});

Եթե համեմատության ֆունկցիան չի տրամադրվում, React.memo-ը ըստ նախնական կարգավորումների կատարում է props-ների մակերեսային համեմատություն։