- Input data to the form.
- Click 'Submit' to display the output.
- Click 'Reload the page to start again' to clear the output and make the form fields useable again.
Note
No data is saved.
The page is an extension of the exercises in the Scrimba course section, beginning with
Note
(Free) subscription and login required to follow the course.
Content.jsx receives 7 props, while Form.jsx receives 25 props!
This feels very wrong, but I wanted to practice passing state to child components via props.
Tested on Windows 10 with:
- Chrome
- Firefox
- Microsoft Edge
Page tested in both browser and device views.