javascript - 如何避免本机 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> 

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

我通过从组件中消除所有 reeact-dnd 放置目标进行测试，正如我所料，本机事件现在正在工作。我怎样才能实现我期望的行为？