Day 5 of 14 30 minEventsControlled inputsValidation
Respond to clicks, typing and submits. Learn React's event handlers and the event object, build controlled inputs for text, checkboxes and selects, handle form submission, and add simple validation.
By the end of today you can
- Attach event handlers and use the event object
- Prevent default browser behaviour, like a form reloading the page
- Build controlled inputs for text, checkboxes, selects and text areas
- Manage a whole form with one state object
- Validate input and show helpful error messages
What's inside
- 4 sections
- 2 diagrams and mind maps
- 4 code examples you can run
- 5-question quiz
- 1Event handlers
- 2Controlled inputs
- 3Every kind of input
- 4A whole form in one state object
Sign in free to read this lesson
Get the full lesson with diagrams, runnable code and the quiz. Your progress is saved across devices.
Sign in free