Lists, Keys and Forms

Render collections with map, choose keys that will not bite you, and build controlled forms with validation and submission.

Level
Beginner
Chapters
4
Exercises
1
Reading time
16 min
Start the tutorial →

What you will cover

  1. 1. Rendering ListsTurning arrays of data into arrays of elements.
  2. 2. Choosing KeysWhat keys are for and why the array index is usually the wrong choice.
  3. 3. Controlled InputsBinding form fields to state so React is the single source of truth.
  4. 4. Submitting and ValidatingHandling submit, showing validation messages, and a full working example.
Already know this? Jump to the 8 question quiz →

Up next after this one: Side Effects with useEffect