title: How do I read my input from text area in react?
body: <p>I am trying to read input from text area once I finish typing. I read somewhere that you need onBlur event handler to achieve this functionality instead of onChange. However when I use onBlur, I am not able to enter my input. Where am I going wrong?</p>
  
  <pre><code>import React from 'react'
  import ReactDOM from 'react-dom'
  class HelloWorld extends React.Component{
      constructor(props) {
          super(props)
          this.state = {
              value: '',
          }
      }
      handleChange(event) {
          this.setState({value: event.target.value})
          console.log(this.state.value)
      }     
      render(){
          return(
              &lt;div&gt;
                  &lt;h1&gt;Hello World Restaurant&lt;/h1&gt;
                  &lt;textarea placeholder="Enter name of guest:" onBlur={this.handleChange.bind(this)} value={this.state.value}&gt;&lt;/textarea&gt;
              &lt;/div&gt;
          )
      }
  }
  ReactDOM.render(&lt;HelloWorld/&gt;,document.getElementById('root'))
  </code></pre>