React use case: reset state of the child function component from the parent component

A very simple use case in React, but I didn’t find any article that gives a clean answer — maybe I didn’t read enough.

Here is the situation:

  • You have a big form to implement. You put the different sections of the form into different React function components.
  • The form, hence, the parent component has many child components.
  • The function components use the state hook to manage the state in the component and pass…