Kursbuch

useEffect – auf Änderungen reagieren

Mit useEffect kann Ihre App automatisch etwas tun, wenn sich ein Wert verändert – z. B. wenn sich die Position ändert oder das Spiel beginnt.

Beispiel: Punkte zählen

useEffect(() => {
  if (punkte >= 5) {
    setSpielBeendet(true);
  }
}, [punkte]);

• Wenn sich punkte ändert, wird die Funktion neu ausgeführt.
• Die Funktion reagiert nur, wenn punkte sich verändert.

Tipp:

Geben Sie in eckigen Klammern an, auf welche Werte reagiert werden soll – das nennt man Abhängigkeiten.

Merksatz:

useEffect reagiert auf Veränderungen – wie ein Bewegungsmelder im Code.