Kursbuch

useState – Zustände verwalten

Mit useState() legt man in React Native einen sogenannten State an – also eine Variable, die sich während der Laufzeit ändern kann und die das UI automatisch aktualisiert. Beispiel:

const [bewegungen, setBewegungen] = useState([]);

bewegungen enthält den aktuellen Zustand, setBewegungen() ändert ihn.

 Beispiel aus der Praxis (z. B. Bewegung erkennen):

const [bewegungErkannt, setBewegungErkannt] = useState(false);

bewegungErkannt speichert, ob ein Ereignis eingetreten ist. Mit setBewegungErkannt(true) wird der Zustand geändert.

 Anzeige abhängig vom Zustand:

{bewegungErkannt && <Text>🚨 Bewegung erkannt!</Text>}

Der Text erscheint nur, wenn bewegungErkannt den Wert true hat.

Merksatz:

„Mit useState merkt sich React, was sich im Laufe der Zeit verändert.“