title: How to insert multiline in the JSX?
body: <p>I want to insert some code in JSX;</p>
  
  <p><strong>Use props of value:</strong></p>
  
  <p>Child:</p>
  
  <pre><code>&lt;Child value="
  var s = 'hello';
  console.log(s);
  " /&gt;
  </code></pre>
  
  <p>Parent:</p>
  
  <pre><code>&lt;div dangerouslySetInnerHTML={this.props.value}&gt;
  </code></pre>
  
  <p>But there is no line break;</p>
  
  <p><strong>Use children:</strong></p>
  
  <p>Child:</p>
  
  <pre><code>&lt;Child&gt;
  var s = 'hello';
  console.log(s);
  &lt;Child/&gt;
  </code></pre>
  
  <p>result:compile error</p>
  
  <p>How to solve this problem?</p>