Я пытаюсь создать многострочное поле для ввода текста с ReactJS. Я создал этот компонент:

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

Я делаю это так:

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

Проблема: если{{ post.body }} это что-то вроде#Title \n text, текстовая область показана в одной строке. я вижу#Title text в моей текстовой области без разрывов строк. Как правильно установить<textarea> значение с ReactJS?