title: split a string by newline in react
body: <p>I have a json string for order.expeditionPlaces which is formatted like:</p>
  
  <p><code>"expeditionPlaces": "Place1, Place2, Place3"</code></p>
  
  <p>I am able to split the data but I can't get the string to go onto a new line as html tags are escaped within react </p>
  
  <p><code>{order.expeditionPlaces ? order.expeditionPlaces.split(",").join("&lt;br&gt;") : ""}</code></p>
  
  <p>should display:</p>
  
  <p><code>Place1</code></p>
  
  <p><code>Place2</code></p>
  
  <p>How can I re-write this so the string splits onto new lines?</p>
  
  <p>My current code is </p>
  
  <pre><code>if (this.state.possibleOrders &amp;&amp; this.state.possibleOrders.length &gt; 0) {
          this.state.possibleOrders.forEach((order, index) =&gt; {
              possibleOrders.push(&lt;tr key={index}&gt;
                  &lt;td&gt;{order.orderId}&lt;/td&gt;
                  &lt;td&gt;{order.orderState}&lt;/td&gt;
                  &lt;td&gt;{order.expeditionPlaces ? order.expeditionPlaces.split(",").join("&lt;br&gt;") : ""}&lt;/td&gt;
                  &lt;td&gt;{order.sortingBufferPlaces}&lt;/td&gt;
              &lt;/tr&gt;);
          });
      }
  </code></pre>