title: Get radio value on change - Reactjs
body: <p>I am trying to get radio's value <code>onChange</code> but it's giving me error:</p>
  
  <blockquote>
    <p>Uncaught TypeError: Cannot read property 'target' of undefined</p>
  </blockquote>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;input className="tab-input" value="a" id="tab1" type="radio" name="tabs" onChange={() =&gt; this.handleTabChange()} /&gt;
  &lt;label className="tab-label" htmlFor="tab1"&gt;Codepen&lt;/label&gt;
  
  &lt;input className="tab-input" value="b" id="tab2" type="radio" name="tabs" onChange={() =&gt; this.handleTabChange()} /&gt;
  &lt;label className="tab-label" htmlFor="tab2"&gt;Dribbble&lt;/label&gt;
  
  &lt;input className="tab-input" value="c" id="tab3" type="radio" name="tabs" onChange={() =&gt; this.handleTabChange()} /&gt;
  &lt;label className="tab-label" htmlFor="tab3"&gt;Dropbox&lt;/label&gt;
  </code></pre>
  
  <p>Here is <strong>handleTabChange</strong> Code:</p>
  
  <pre><code>handleTabChange(event){
      console.log(event.target.value);
    }
  </code></pre>
  
  <p>I have <strong>bind</strong> the function in constructor:</p>
  
  <pre><code>this.handleTabChange = this.handleTabChange.bind(this);
  </code></pre>
  
  <p>Don't know what is wrong. </p>