如何避免本机onDrop事件被覆盖为react-dnd？

Question

我成功地在反应组件中使用react-dnd来满足我正在进行的应用程序的需求。

所述组件还有一个显示简单模态窗口的按钮：

<Modal show={this.props.show} onHide={this.props.onHide} id={'image-modal'} {...this.props}  animation={true}>
      ...
      <Modal.Body>
          <div id="drop-target" onDragOver={this.handleDrag} onDrop={this.handleDrop}>
            <div className="text-center"><p>Put your image here</p></div>
          </div>
      </Modal.Body>
      ...
    </Modal> 

如您所见，此模式包含一个侦听本机html拖放事件的div元素。我的问题是，显然这些原生事件在某种程度上被覆盖了react-dnd，使它们变得毫无用处。

我通过从组件中删除所有reeact-dnd drop target进行测试，正如我所料，本机事件现在正在运行。我怎样才能实现我期待的行为？