title: How to set textarea value with line break in ReactJS
body: <p>I have this ReactJS component</p>
  
  <pre><code>  class Header extends Component {
       render() {
         return (
           &lt;div&gt;
               &lt;textarea class="editTextarea" value={this.props.header}&gt;&lt;/textarea&gt;
           &lt;/div&gt;
         );
       }
     }
  </code></pre>
  
  <p>for which i would like to show line breaks.</p>
  
  <p>If i use br tag,\n,\r .. i cannot see line breaks</p>
  
  <pre><code>   &lt;Header header="Line1\nLine2\nLine3\nLine4"&gt;&lt;/Header&gt;
  </code></pre>
  
  <p>results:</p>
  
  <p><a href="https://i.stack.imgur.com/ZZpMT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZZpMT.png" alt="enter image description here"></a></p>
  
  <p>How can i set a string to show line breaks in textarea?</p>