リアクションはsetStateを反映するために再レンダリングされません

Question

私は単純に2つのテキストエリアを持っています。最初のテキストエリアにテキストを入力すると、そのテキストが2番目のテキストエリアに表示されます。私はイベントが発砲していることを確認しました。ページはレンダリングされていないようです...助けてください、ありがとう。あなたはそのような子どもたちを反応させ使用して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') 
);