State mit useState

Teil des React-Kurses

Jede Komponente, die du bisher geschrieben hast, rendert bei gleichen Props jedes Mal dieselbe Ausgabe. Für eine Überschrift oder eine Karte reicht das, aber es bricht in dem Moment zusammen, in dem du etwas brauchst, das ein Benutzer ändern kann, während er auf die Seite schaut: einen Zähler, der bei jedem Klick hochgeht, einen Schalter, der an- und ausgeht, ein Textfeld, das zeigt, was du gerade getippt hast.

Stell dir jedes Rendering einer Komponente als ein einzelnes Foto vor, aufgenommen in einem Augenblick, das zeigt, wie die Komponente mit ihren Props und ihrem State in diesem Moment aussah. Wenn du die Funktion einer Komponente aufrufst, läuft JavaScript genau einmal von oben nach unten durch und erzeugt eine Momentaufnahme: das JSX, das sie zurückgibt.