ReactJS » Render Arrays

LearnJS » CodeSandbox.io » React 101

👉 User Story:

As a developer 
Given a basic React sandbox
  And a list of Gihpy ids
I want to show all the gifs in my main component

You can try things out directly on this sandbox:

✅ Proposed Solution:

Don't run this unless you gave a very good effort to solve it yourself!

• Map components in JSX
• Map into the function's body

Questions:

• What is the property key and what happens if I remove it?

🤓 Resources:

• MDN: Array.map()
• Lists and Keys in React

💬 Comments & New Ideas: