javascript / beginner
Snippet
Kontrollierte Texteingaben
In React sollte der Eingabezustand von der Komponente verwaltet werden. Wir verknüpfen den Wert des Inputs mit einer State-Variablen und aktualisieren diese, wann immer der Benutzer tippt.
snippet.js
1
2
3
4
5
6
7
const [name, setName] = useState('');<inputtype="text"value={name}onChange={(e) => setName(e.target.value)}/>
react
Erklärung
1
value={name}
Zwingt das Eingabefeld, den aktuellen Wert aus dem React-State anzuzeigen.
2
e.target.value
Greift über das Event-Objekt auf den aktuell in das Eingabefeld eingegebenen String zu.