グリッドアイテムのクリックイベントを反応グリッドレイアウトでキャプチャ

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>