React Form

• 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.

---

Scrimba Course Link

The page is an extension of the exercises in the Scrimba course section, beginning with

• React Forms Intro

Note

(Free) subscription and login required to follow the course.

---

Caveats

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.

---

Testing

Tested on Windows 10 with:

• Chrome
• Firefox
• Microsoft Edge

Page tested in both browser and device views.