Sobes.tech
Junior

Wymień komponenty cyklu życia komponentu React.

sobes.tech AI

Odpowiedź od AI

  • montowanie (montowanie)
    • constructor(): inicjalizacja stanu i powiązanie kontekstu.
    • static getDerivedStateFromProps(): synchronizacja stanu wewnętrznego z propsami.
    • render(): budowa DOM.
    • componentDidMount(): wykonanie efektów po pierwszym renderze (zapytania do API, subskrypcje).
  • aktualizacja (aktualizacja)
    • static getDerivedStateFromProps(): (wywoływane podczas aktualizacji propsów)
    • shouldComponentUpdate(): optymalizacja renderowania (określa, czy komponent wymaga ponownego renderowania).
    • render(): ponowne renderowanie DOM.
    • getSnapshotBeforeUpdate(): pobranie danych o DOM przed aktualizacją (np. pozycja przewijania).
    • componentDidUpdate(): wykonanie efektów po aktualizacji (zmiany w DOM, ponowne zapytania).
  • odmontowanie (odmontowanie)
    • componentWillUnmount(): czyszczenie zasobów przed usunięciem komponentu (anulowanie subskrypcji, timery).
  • obsługa błędów (obsługa błędów)
    • static getDerivedStateFromError(): aktualizacja stanu w przypadku błędu w komponencie potomnym.
    • componentDidCatch(): logowanie błędów.