Einführung in States in React
Das nächste Konzept, das wir behandeln werden, nennt sich States. States stellen reaktive Variablen von Komponenten dar.
Reaktivität bedeutet, dass bei einer Änderung des States Änderungen an allen Stellen auftreten, an denen dieser State verwendet wird. Technisch wird dies durch das erneute Rendern der gesamten Komponente bei der Änderung eines beliebigen States erreicht.
Um States zu verwenden, muss zunächst
die Funktion useState importiert werden:
import React, { useState } from 'react';
Die Funktion useState erhält als Parameter den
Anfangswert des States und liefert als Ergebnis
ein spezielles Array mit zwei Elementen zurück.
Im ersten Element des Arrays wird der
aktuelle Wert des States gespeichert,
und im zweiten - die Funktion
zur Änderung des States.
Für die korrekte Funktionsweise von States dürfen diese nicht direkt geändert werden, sondern es sollte die Funktion zu ihrer Änderung verwendet werden - nur dann funktioniert die Reaktivität.
