React · Senior · Frage 18 von 75
Was ist Tearing beim Concurrent Rendering?
- 1Verschiedene Teile der UI zeigen verschiedene Versionen eines externen veränderlichen Stores
- 2Ein Animationsfehler beim Scrollen durch lange Tasks im Hauptthread
- 3Ein Hydration-Fehler, bei dem ein Teil des DOM entfernt und neu gezeichnet wird
Antwort zeigen
Richtige Antwort: Verschiedene Teile der UI zeigen verschiedene Versionen eines externen veränderlichen Stores
Erklärung
Wird das Rendern unterbrochen und ändert sich zwischendurch ein externer Store (kein React-Zustand), lesen manche Komponenten den alten Wert und andere den neuen. useSyncExternalStore schützt davor. Deshalb sollten Drittanbieter-Stores darüber abonnieren und nicht über useEffect + useState.