title: Adding a new line in a JSX string inside a paragraph - React
body: <p>I have the following React code:</p>
  
  <pre><code>render() {
    const str = 'Line 1. **new-line** Line 2.';
    return (
      &lt;p&gt; {str} &lt;/p&gt;
    );
  }
  </code></pre>
  
  <p>I would like the output to be:</p>
  
  <pre><code>Line 1.
  Line 2.
  </code></pre>
  
  <p>That is - to add a new line between the words. 
  I have tried <code>\n</code> but it does not work.</p>
  
  <p>How could this be accomplished?</p>
  
  <p><strong>Edit:</strong> The string is received from a server. </p>