title: Handle React onDoubleClick and single onClick for same element
body: <p>When I add a single onClick event to an element as well as an onDoubleClick event to the same element, the single click is triggered on the double click as well. I'd like to seperate it out so only one event is fired for single or double. I found some examples in Jquery, but I wanted a clean function for React.</p>
  
  <pre><code> handleClick = () =&gt; {
     console.log('only fire click')
   }
  
   handleDoubleClick = () =&gt; {
     console.log('only fire double click')
   }
  
   render () {
    return &lt;Element 
               onClick={evt =&gt; this.handleClick}
               onDoubleClick={evt =&gt; this.handleDoubleClick} 
           &gt;&lt;/Element&gt;
   }
  </code></pre>