반응 격자 레이아웃의 격자 항목 클릭 이벤트 캡처

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>