Sobes.tech
Junior

Nennen Sie die Komponenten des Lebenszyklus eines React-Komponenten.

sobes.tech KI

Antwort von AI

  • Montage (Montage)
    • constructor(): Initialisierung des Zustands und Bindung des Kontexts.
    • static getDerivedStateFromProps(): Synchronisierung des internen Zustands mit den Props.
    • render(): Aufbau des DOM.
    • componentDidMount(): Ausführung von Effekten nach dem ersten Rendern (API-Anfragen, Abonnements).
  • Aktualisierung (Aktualisierung)
    • static getDerivedStateFromProps(): (wird beim Aktualisieren der Props aufgerufen)
    • shouldComponentUpdate(): Optimierung des Renderings (bestimmt, ob die Komponente neu gerendert werden soll).
    • render(): erneutes Rendern des DOM.
    • getSnapshotBeforeUpdate(): Erfassung von DOM-Daten vor der Aktualisierung (z.B. Scroll-Position).
    • componentDidUpdate(): Ausführung von Effekten nach der Aktualisierung (DOM-Änderungen, wiederholte Anfragen).
  • Demontage (Demontage)
    • componentWillUnmount(): Ressourcenbereinigung vor der Entfernung der Komponente (Abbestellung von Abonnements, Timer).
  • Fehlerbehandlung (Fehlerbehandlung)
    • static getDerivedStateFromError(): Aktualisierung des Zustands bei einem Fehler in einer Kindkomponente.
    • componentDidCatch(): Fehlerprotokollierung.