ASP.NET Core 3 and React

Chapter 5 – Working with Forms

1. In our generic Form implementation, why did we make the onSubmit function prop asynchronous?

The onSubmit function prop is likely to call a web service asynchronously and so needs to be asynchronous.

2. When we implemented the generic Form and Field components, what was the purpose of the touched state?

The touched state allowed us to prevent validation checks when the user first enters the field, which can be annoying for the user. Generally, it is better to do the validation checks when the field loses focus and if the user comes back to the field and changes it.

3. When we implement a form field like the following, why do we tie label to input using the htmlFor attribute?

<label htmlFor={name}>{label}</label> ...