Site Logo

Rendering Lists

Iterative logic in React.

Simple Example

Put the simpleArr values onto the page

Key values need to be unique

even though index can be technically the same number, it'll change based on array changes.

  1. 4534563
  2. 35854398
  3. 8989

Method Chaining & Using Return in Map

Chain methods like filter and map to get powerful rendering possibilities.

If you use curly brackets, use a return statement as well