ReactJS - multiline textarea

Je suis en train de créer des multi-ligne de champ de saisie de texte avec ReactJS. J'ai créé ce composant:

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}/>
    )
  }
});

Je suis rendu à elle de cette façon:

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

Le problème: Si {{ post.body }} est quelque chose comme #Title \n text, le textarea l'afficher dans une seule ligne. Je vois #Title text dans mon textarea sans saut de ligne. Quelle est la bonne façon de définir <textarea> valeur avec ReactJS?

OriginalL'auteur Ilya Boltnev | 2015-01-09