在react-grid-layout中捕获网格项点击事件

Question

是否可以捕获网格项的点击并取消拖动事件？我想在单击网格项时打开模式窗口，但我不知道如何实现它。我正在使用 捕获单击onClick，但stopPropagation不会preventDefault阻止启动拖动过程的 mousedown 事件。

Answer 1

这可以通过将 onMouseDown 传递给子 div 元素来完成。

<RGL ... >
  <div> // If you add onMouseDown here react-draggable will override it. You will have to use nested element to capture clicks
    <div onMouseDown={ e => e.stopPropagation() }>
      ...
    </div>
  <div>
</RGL>