Ich versuche mit ReactJS ein mehrzeiliges Texteingabefeld zu erstellen. Ich habe diese Komponente erstellt:

var TextInput = React.createClass({
  getInitialState: function(){
    return {currentValue: this.props.children}
  },

  handleChange: function(event){
  //handler
  },

  render: function(){
    return (
        <textarea name="body"
                  onChange={this.handleChange}
                  value={this.state.currentValue}/>
    )
  }
});

Ich rendere es so:

# jinja2 template
React.render(
  <TextInput>{{ post.body }}</TextInput>,                  
  document.getElementById('post-editing')
);

Das Problem: Wenn{{ post.body }} ist so etwas wie#Title \n text, das Textfeld zeigt es in einer Zeile. Ich sehe#Title text in meinem Textbereich ohne Zeilenumbrüche. Was ist der richtige Weg, um @ zu setz<textarea> value mit ReactJS?