react-formstate-demo
Choose a form:
User Account (async validation)
Event (non-HTML input)
Login (onUpdate callback)
Dependents (nested form components)
Other Inputs
Redux Integration
Dependents (alternate implementation)
onChange
onBlur
onSubmit
Edit Existing Model
Ensure Validation onBlur
Reset Form
Favorite Ocean
Arctic
Atlantic
Indian
Pacific
Southern
Billy
Lunch
Sandwich
Potato Chips
Fruit
Pickle
Milkshake
Beer
Martini(s)
Say Something
Yum!
Cake
Cookies
Pie
Ice Cream
Doughnuts
You must check this box
Submit
Notes
Check out the
source code
This demonstrates inputs not yet covered by the other examples.
Using intConvert to transform ids back to integers for model output.
The text area uses noTrim for model output.
The text area value has a validated limit of 140 characters.
Model
{ "favoriteOceanId": "", "lunchIds": [], "say": "", "yumIds": [], "youCheckedTheBox": "" }
Form State
{}