Erfassen eines Rasterelementklickereignisses im react-grid-Layout

Question

Ist es möglich, den Klick des Rasterelements zu erfassen und das Ziehereignis abzubrechen? Ich möchte ein modales Fenster öffnen, wenn auf ein Rasterelement geklickt wird, aber ich kann nicht herausfinden, wie das zu implementieren ist. Ich nehme den Klick mit onClick, aber stopPropagation und preventDefault verhindern nicht das Mousedown-Ereignis, das den Ziehen-Prozess startet.

Answer 1

Dies kann durch Übergeben eines onMouseDown an ein untergeordnetes div-Element erfolgen.

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