在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>