React-dnd: 중첩 된 드래그 소스 수정 및 canDrag에서 작동하는 방식

이것은 # 87과 관련이 있지만 좀 더 기술적입니다. 현재 중첩 된 드래그 소스가 함께 활성화됩니다. 이것은 매우 잘못된 행동입니다. 자식 드래그 소스는 _ 항상 _ 부모가 활성화되지 않도록해야합니다.

그러나 HTML5 백엔드에서 보이는 것처럼 간단하지 않습니다.

e.stopPropagation() 을 dragstart 핸들러에 추가하려고했지만 다른 문제가 있습니다. List 및 Card 모두 드래그 소스이고 Card 는 List 내부에 있다고 가정합니다. Card 에 canDrag(): false 이 있다고 가정합니다. 이 경우 stopPropagation() 를 호출 할 수 없습니다.이 경우 이벤트가 상위에 도달하지 못하기 때문입니다.

좋습니다. 대신 dragstart 핸들러에 if (DragOperationStore.isDragging()) return; 를 추가하겠습니다. 그러나 또 다른 문제가 있습니다. 이벤트가 부모에 도달 했더라도 실제로 드래그하면 브라우저가 원래 (자식) 대상을 드래그 미리보기로 사용합니다.

이것은 beginDrag 지정되지 않은 경우 this.getDOMNode() 를 dragPreview 로 명시 적으로 사용하여 해결할 수 있으므로 드래그 미리보기가 현재 대상이되도록 보장됩니다. 나는 아직 그것을 시도하지 않았습니다. 어느 쪽이든, 이것은 복잡한 문제처럼 보이지 않으며 잡을 수 있습니다!