title: How to render a multi-line text string in React
body: <p>Suppose I have a text string that contains line-breaks, and I render it like this:</p>
  
  <pre><code>render() {
      var text = "One\nTwo\nThree";
      return &lt;div&gt;{text}&lt;/div&gt;;
  }
  </code></pre>
  
  <p>In HTML the line-breaks don't render as line-breaks. How should I do this in React? I don't want to convert to <code>&lt;br&gt;</code> tags and use <code>dangerouslySetInnerHTML</code>. Is there another way?</p>