title: ReactJS - multiline textarea
body: <p>I'm trying to create multi-line text input field with ReactJS. I've created this component:</p>
  
  <pre><code>var TextInput = React.createClass({
    getInitialState: function(){
      return {currentValue: this.props.children}
    },
  
    handleChange: function(event){
    //handler
    },
  
    render: function(){
      return (
          &lt;textarea name="body"
                    onChange={this.handleChange}
                    value={this.state.currentValue}/&gt;
      )
    }
  });
  </code></pre>
  
  <p>I'm rendering it this way:</p>
  
  <pre><code># jinja2 template
  React.render(
    &lt;TextInput&gt;{{ post.body }}&lt;/TextInput&gt;,                  
    document.getElementById('post-editing')
  );
  </code></pre>
  
  <p>The problem: If <code>{{ post.body }}</code> is something like <code>#Title \n text</code>, the textarea show it in one line. I am seeing <code>#Title text</code> in my textarea without line breaks. What is the right way to set <code>&lt;textarea&gt;</code> value with ReactJS? </p>