Javascript 如何避免react dnd覆盖本机onDrop事件？

我在react组件中成功地使用了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> 

...
把你的照片放在这里

...

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

我通过从组件中删除所有reeact dnd drop目标进行了测试，正如我所预期的，本机事件现在可以正常工作。我怎样才能达到我期望的行为