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 από προεπιλογή.