Je travaille sur quelque chose et un morceau de mon code est un peu lent, ce qui, je pense, c'est que le composant est rendu trop souvent sans raison.
Existe-t-il un moyen de vérifier combien de fois un composant est restitué en react (ou en react-native pour le sujet)?
Ce que j'ai essayé de faire, c'est de mettre un console.log après la méthode de rendu et de compter combien il y en a, mais je ne suis pas sûr si cela fonctionnerait.
Merci d'avance!
3 Réponses :
console.log fonctionnera, si vous le placez dans votre fonction de rendu. Si vous êtes préoccupé par le ré-rendu d'un composant trop souvent, essayez d'étendre React.PureComponent . Vous trouverez des informations sur PureComponent dans la la documentation de React . Vous pouvez également consulter la méthode shouldComponentUpdate pour voir si cela aidera à résoudre votre re-rendu. Des informations à ce sujet se trouvent également dans leurs documents . Bonne chance!
Merci beaucoup, je pensais à PureComponent, je vais faire ça et voir si ça change pour le mieux.
Mieux vaut que mettre console.log dans chaque composant est d'utiliser ce petit utilitaire
https://github.com/maicki/why-did-you-update
Vous serez averti dans la console chaque fois que le composant est ré-rendu inutilement (par exemple, les accessoires ou l'état ont changé)
Même s'il n'est plus entretenu, il fonctionne parfaitement.
Meilleures salutations
Maintenant, le projet qui suit l'idée est github.com/welldone-software/ pourquoi-avez-vous-rendu
vous pouvez placer console.count ('counter') dans votre fonction de rendu pour vérifier cela. Vous trouverez ici tous les détails sur console.count lien
oui c'est ce que je fais habituellement, juste console.log dans la méthode de rendu