Es geht weiter mit useState, damit ich im Expense Tracker neue Ausgaben speichern kann.
Das Formular steht jetzt und nach der Eingabe werden die Daten in State gespeichert.
useState
Um eine Statusvariable hinzuzufügen, müssen wir useState aus React importieren.
Title ist hier die Zustandsvariable und setTitle die Setter-Funktion.
Konvention
Die Konvention besteht darin, dieses Paar wie folgt zu benennen const [something, setSomething].
Quelle: https://react.dev/learn/state-a-components-memory
Arbeiten mit Multiplen States
Man kann in der Komponente mehrere Zustandsvariablen haben, es empfiehlt sich wenn deren Zustand nichts miteinander zu tun hat. Wenn man jedoch häufig zwei Zustandsvariablen gemeinsam ändern, ist es möglicherweise einfacher, sie zu einer einzigen zu kombinieren.
Wichtiges
- Der
useStateHook gibt ein Wertepaar zurück: den aktuellen Status und die Funktion, um ihn zu aktualisieren. - Man kann mehr als eine Statusvariable haben.
- State ist für die Komponente privat. Wenn Sie es an zwei Stellen rendern, erhält jede Kopie ihren eigenen Status.