反应是不是重新渲染，以反映setState

Question

我只有两个textareas。当你将文本输入到第一个textarea时，文本应该出现在第二个textarea中。我已经检查过，以确保事件正在发射。该网页似乎不呈现...请帮助，谢谢。

var OutputText = React.createClass({ 
    getInitialState: function() { 
    return { 
     text: '' 
    }; 
    }, 
    handleChange: function(event) { 
    this.setState({ text: event.target.value }); 
    }, 
    render: function() { 
    return (
     <div> 
     <h1 className='text-center'>Markdown Previewer</h1> 
     <div className='row'> 
      <div className='col-xs-4 text-center'> 
      <textarea className='user-input' onChange={this.handleChange}></textarea> 
      </div> 
      <div className='col-xs-4 text-center'> 
      <textarea>{this.state.text}</textarea> 
      </div> 
     </div> 
     </div> 
    ) 
    } 
}); 

React.render(
    <OutputText />, 
    document.getElementById('main-container') 
);