Middle+
Quels arguments React.memo accepte-t-il en plus du composant lui-même?
sobes.tech IA
Réponse de l'IA
React.memo accepte deux arguments:
- Composant, à mémoriser — généralement un composant fonctionnel.
- Fonction de comparaison (optionnelle) — prend deux objets props (prevProps et nextProps) et retourne
truesi les props sont considérées comme égales et qu'une nouvelle renderisation n'est pas nécessaire, oufalsesi le composant doit être mis à jour.
Exemple d'utilisation avec une fonction de comparaison:
const MyComponent = React.memo(function MyComponent(props) {
// rendu
}, (prevProps, nextProps) => {
// comparer uniquement les champs nécessaires
return prevProps.value === nextProps.value;
});
Si la fonction de comparaison n'est pas fournie, React.memo effectue une comparaison superficielle des props par défaut.