title: onClick works but onDoubleClick is ignored on React component
body: <p>I am building a Minesweeper game with React and want to perform a different action when a cell is single or double clicked.  Currently, the <code>onDoubleClick</code> function will never fire, the alert from <code>onClick</code> is shown.  If I remove the <code>onClick</code> handler, <code>onDoubleClick</code> works.  Why don't both events work?  Is it possible to have both events on an element?</p>
  
  <pre><code>/** @jsx React.DOM */
  
  var Mine = React.createClass({
    render: function(){
      return (
        &lt;div className="mineBox" id={this.props.id} onDoubleClick={this.props.onDoubleClick} onClick={this.props.onClick}&gt;&lt;/div&gt;
      )
    }
  });
  
  var MineRow = React.createClass({
    render: function(){
      var width = this.props.width,
          row = [];
      for (var i = 0; i &lt; width; i++){
        row.push(&lt;Mine id={String(this.props.row + i)} boxClass={this.props.boxClass} onDoubleClick={this.props.onDoubleClick} onClick={this.props.onClick}/&gt;)
      }
      return (
        &lt;div&gt;{row}&lt;/div&gt;
      )
    }
  })
  
  var MineSweeper = React.createClass({
    handleDoubleClick: function(){
      alert('Double Clicked');
    },
    handleClick: function(){
      alert('Single Clicked');
    },
    render: function(){
      var height = this.props.height,
          table = [];
      for (var i = 0; i &lt; height; i++){
        table.push(&lt;MineRow width={this.props.width} row={String.fromCharCode(97 + i)} onDoubleClick={this.handleDoubleClick} onClick={this.handleClick}/&gt;)
      }
      return (
        &lt;div&gt;{table}&lt;/div&gt;
      )
    }
  })
  
  var bombs = ['a0', 'b1', 'c2'];
  React.renderComponent(&lt;MineSweeper height={5} width={5} bombs={bombs}/&gt;, document.getElementById('content'));
  </code></pre>