[Solved/Ignore] Use Array.map() to Dynamically Render Elements - unexpected rendered output

JavaScript
1

Tell us what’s happening:
The code below passes the challenge but the rendered result is not what I was expecting. I get a single li item instead of a list of them (screenshot attached showing the issue).
Am I doing something wrong in this case or is this really the way the rendered list should look?

2018-07-30%20(9)
2018-07-30%20(9)3840×2060 578 KB

Your code so far



**Your browser information:**

User Agent is: <code>Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.75 Safari/537.36</code>.

**Link to the challenge:**
https://learn.freecodecamp.org/front-end-libraries/react/use-array-map-to-dynamically-render-elements
2

doh! I should have been entering the values as comma separated!
Please ignore!