Wann wird die Cleanup-Funktion in useEffect ausgeführt?

Die Cleanup-Funktion in useEffect wird in folgenden Fällen ausgeführt:

• Vor der erneuten Ausführung des Effekts bei Änderungen der Abhängigkeiten.
• Beim Demontieren der Komponente.

Dies ermöglicht eine korrekte Freigabe von Ressourcen, das Abbestellen von Abonnements oder Timern, um Speicherlecks und inkorrektes Verhalten zu vermeiden.

Beispiel:

useEffect(() => {
  const id = setInterval(() => {
    console.log('tick');
  }, 1000);

  return () => {
    clearInterval(id); // Bereinigung beim Demontieren oder Aktualisieren
  };
}, []); // Leeres Abhängigkeitsarray — Effekt wird einmal ausgeführt