Ich erstellte eine einfache Reagieren-App und überprüfte die App auf erneute Rendern mit Warum-tat-Sie-Update-Bibliothek und es zeigt unnötige Rendern und wie Sie diese Re zu verhindern -Render?Warum eine Komponente neu rendern, wenn Requisiten gleich sind
1
A
Antwort
2
Komponenten werden neu gerendert, wenn sich ihre Requisiten ändern oder wenn ihre Eltern neu gerendert wurden. Es ist möglich, dass Sie die Props oder den Status einer übergeordneten Komponente aktualisiert haben. React stellt eine Lifecycle-Funktion namens shouldComponentUpdate bereit, um unnötige Renderings zu behandeln. Es ist schneller und einfacher zu implementieren, wenn Sie unveränderliche Daten für Ihre Requisiten verwenden, da Sie einfach eine Gleichheitsüberprüfung zwischen neuen Requisiten und alten Requisiten durchführen können, um zu sehen, ob sich etwas geändert hat. Siehe https://facebook.github.io/react/docs/component-specs.html#updating-shouldcomponentupdate und https://facebook.github.io/react/docs/pure-render-mixin.html
Verwandte Themen
- 1. Wie die Komponente neu rendern, wenn this.props.children
- 2. Warum staatenlose Komponente wird neu gerendert, wenn Requisiten sich nicht ändern?
- 3. Reaction adding! Wichtig scheint die Komponente neu zu rendern
- 4. Wicket-Komponente vom Backend neu rendern
- 5. Wenn die Requisiten für eine untergeordnete Komponente unverändert sind, wird sie von React noch immer gerendert?
- 6. Requisiten werden undefiniert beim Versuch, eine Komponente innerhalb einer anderen Komponente zu rendern
- 7. React Redux - Requisiten sind beim Rendern von Immutable nicht definiert
- 8. Requisiten übergeben, ohne etwas zu rendern
- 9. Warum Werte in Tab2 [] sind gleich, wenn Tab [] sind verschiedene
- 10. Warum sind meine Requisiten nicht definiert, wenn ich eine Route verwende?
- 11. Re-render-Komponente auf Requisiten-Update
- 12. React-Komponente wird nicht neu gerendert, nachdem Requisiten geändert wurden
- 13. reagieren nicht Komponente nicht rerender wenn Requisiten
- 14. Wie Requisiten Rekursive Kind-Komponente übergeben und alle Requisiten erhalten
- 15. Warum sind ByteBuffers hashCodes gleich?
- 16. Reagieren: Ist es in Ordnung, eine Komponente durch die Requisiten an eine andere Komponente zu übergeben?
- 17. wie Requisiten auf eine bestimmte Komponente in redux passieren, wenn
- 18. Warum sind sie nicht gleich?
- 19. Warum sind Requisiten von Redux nicht definiert
- 20. Komponente Requisiten Fehler Destrukturierung
- 21. Set Komponente Requisiten dynamisch
- 22. Wie kann man eine React-Komponente neu rendern, wenn sich ein Wert von außen ändert?
- 23. Wenn vier Variablen gleich sind
- 24. hinzufügen Requisiten zu routen Komponente
- 25. Reagieren Komponente Requisiten nicht aktualisiert
- 26. Reagieren: müssen Eltern aufrufen, um Komponente neu zu rendern
- 27. reagieren Update Komponente Requisiten außerhalb der Komponente Klasse
- 28. Reagieren JS Zustandsänderung neu rendern nicht die Komponente
- 29. Warum gibt strcmp() 0 zurück, wenn seine Eingaben gleich sind?
- 30. Reagieren Komponente nicht neu rendern auf Zustand Aktualisierung