Formulare und Controlled Inputs
Teil des React-Kurses
Tippst du einen Buchstaben in ein einfaches HTML-<input>, erledigt der Browser das von selbst: Das DOM-Element merkt sich still, was du getippt hast, und niemand sonst muss davon erfahren. Das reicht, bis deine Anwendung wissen muss, was gerade im Feld steht, um es zu pr眉fen, um einen Button zu sperren, bis der Inhalt stimmt, oder um alles beim Absenden irgendwohin zu schicken.
Stell dir ein Whiteboard vor, neben dem eine Vertretung steht: Niemand darf direkt auf das Board schreiben, alle sagen der Vertretung, was dort stehen soll, die Vertretung aktualisiert ihre eigenen Notizen und 眉bertr盲gt sie dann auf das Board. F眉r ein Whiteboard ist das umst盲ndlich, aber es hei脽t, dass die Vertretung jederzeit eine genaue, aktuelle Kopie dessen besitzt, was auf dem Board steht, ohne je hin眉bergehen...
M枚chtest du React Formulare und Controlled Inputs in einer echten Umgebung lernen?
Klick unten, hol dir eine Linux-Maschine mit fertigem React und arbeite Formulare und Controlled Inputs praktisch durch, mit einem KI-Tutor, der deinen Code kennt.
Lektion startenFormulare und Controlled InputsWas du lernen wirst
- Controlled input pattern
- Value and onChange together
- Multi-field form state
- OnSubmit and preventDefault
- Gathering form data
Lies diese Lektion in deiner Sprache
Alle Lektionen in diesem Kurs
17 Lektionen- 1Was ist React?25 Min.
- 2JSX und Components30 Min.
- 3Props30 Min.
- 4State mit useState35 Min.
- 5Ereignisse verarbeiten30 Min.
- 6Bedingtes Rendering und Listen30 Min.
- 7Formulare und Controlled Inputs35 Min.
- 8Effects mit useEffect40 Min.
- 9Datenabruf40 Min.
- 10Component-Komposition35 Min.
- 11Context und useContext35 Min.
- 12useReducer35 Min.
- 13Benutzerdefinierte Hooks35 Min.
- 14Performance und Memoization35 Min.
- 15Routing mit React Router40 Min.
- 16React Components testen40 Min.
- 17Abschlussprojekt: To-do-App60 Min.
