Middle+
Ի՞նչ արգումենտներ է ընդունում React.memo-ը ինքնին կոմպոնենտից բացի։
sobes.tech AI
Պատասխան AI-ից
React.memo երկու արգումենտ է ընդունում:
- Կոմպոնենտ, որը պետք է հիշեցվի — սովորաբար ֆունկցիոնալ կոմպոնենտ:
- Համեմատության ֆունկցիա (ընտրովի) — ընդունում է երկու props օբյեկտներ (prevProps և nextProps) և վերադարձնում
true, եթե props-ները համարվում են հավասար և կրկնակի ռենդեր չի պահանջվում, կամfalse, եթե անհրաժեշտ է թարմացնել կոմպոնենտը:
Օրինակ օգտագործում համեմատության ֆունկցիայի հետ:
const MyComponent = React.memo(function MyComponent(props) {
// ռենդեր
}, (prevProps, nextProps) => {
// միայն անհրաժեշտ դաշտերը համեմատում ենք
return prevProps.value === nextProps.value;
});
Եթե համեմատության ֆունկցիան չի տրամադրվում, React.memo-ը ըստ նախնական կարգավորումների կատարում է props-ների մակերեսային համեմատություն։