title: href with onClick in ReactJS
body: <p>As per Reactjs.org to handle event and prevent default use below code:</p>
  
  <pre class="lang-js prettyprint-override"><code>function ActionLink() {
    function handleClick(e) {
      e.preventDefault();
      console.log('The link was clicked.');
    }
    return (
      &lt;a href="#" onClick={handleClick}&gt;
        Click me
      &lt;/a&gt;
    );
  }
  </code></pre>
  
  <p>However, this also requires to add binding in constructor like:</p>
  
  <pre><code>this.handleClick = this.handleClick.bind(this);
  </code></pre>
  
  <p>I was able to get desired behaviour by below code:</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;span&gt;
    &lt;a href="#" onClick={()=&gt;doSomething(arg1,agr2)}&gt;Click here&lt;/a&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p><em>Question:</em> Which one is better option? It seems first one requires to use stateful component and second option can do the things irrespective of component being stateful or stateless.</p>