title: newlines character ignored by jsx table
body: <p>I am trying to create a table with a multiline string, but the string is not formatted correctly by my table.  Here is the jsx:</p>
  <pre><code>&lt;td&gt;
    {arr.join('\n')}
  &lt;/td&gt;
  </code></pre>
  <p>And here is the corresponding html:</p>
  <pre><code>&lt;td data-reactid=&quot;.xyz&quot;&gt;Line 1
  Line 2
  Line 3
  Line 4&lt;/td&gt;
  </code></pre>
  <p>But in the browser it looks like:</p>
  <p><img src="https://i.stack.imgur.com/Kg1s3.png" alt="enter image description here" /></p>
  <p>What's going on and how do I get my newlines to appear?</p>