title: Display each item in array on new line
body: <p>I have an array that looks like this:</p>
  
  <pre><code>let array = ["Item 1", "Item 2", "Item 3"]
  </code></pre>
  
  <p>I need all to display all of these items on a new line so I use join</p>
  
  <pre><code>let joinedArray = array.join("\n")
  </code></pre>
  
  <p>If I log this it is looking correct, however I need to render it to the DOM and that's where the issue lies. How can I render each of these items seperated with a new line to the DOM?</p>
  
  <pre><code>return &lt;MyComponent
        { array.length !== 0 &amp;&amp;
          &lt;div&gt;
              {joinedArray}
          &lt;/div&gt;
        }
  &lt;/MyComponent&gt;;
  </code></pre>