title: Unable to get onDragStart Event on React for HTML5 Drag and Drop
body: <p>I am creating a basic application in ReactJs to implement the basic HTML5 Drag and Drop functionality. The issue I am facing is, my <code>onDragStart</code> event is not passing the event object to the handler method. I have referred the <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API" rel="nofollow noreferrer">documentation of HTML5 Drag and Drop</a>, where it has shown how event object is passed to handler.</p>
  
  <p>This is my code to implement the event Handler for <code>onDragStart</code> event.</p>
  
  <pre><code>//handler method
  dragStartHandler(event) {
   console.log(event); // undefined
  }
  
  render() {
   return (
     &lt;div draggable="true" 
      onDragStart={this.dragStartHandler(event)}&gt;&lt;/div&gt;
   )
  }
  </code></pre>
  
  <p>The handler is getting called but without the event object. My agenda is to capture the event object so that I can proceed further to bind data to the event, using the <a href="https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer" rel="nofollow noreferrer">DataTransfer</a> interface.</p>
  
  <p>Please help me understand the behavior. </p>
  
  <p>Thanks!</p>
  
  <blockquote>
    <p><strong>Update</strong></p>
  </blockquote>
  
  <p>Not passing the event to the <code>dragStartHandler</code> method actually passes the event to the handler method. Its just the way react works to bind a method, unlike what is mentioned in the HTML5 DND documentation, seem not to work with react. The event which I got in the handler was wrapped up version of original Drag <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" rel="nofollow noreferrer">Event</a> as per html specs. This behavior just confused me as it was giving some <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Proxy" rel="nofollow noreferrer">Proxy</a> object might be created by  react. </p>
  
  <blockquote>
    <p><strong>Solution</strong> : Although the Proxy object has all the methods of original
    Drag event, I realized it later. So you can use the new Proxy event
    object as you did previously as native html element, with all previous 
    behavior.</p>
  </blockquote>