React-dnd: 중첩된 정렬 가능한 예제에 대한 DnD 설정에 반응하시겠습니까?

오류가 있는 경우 이 오류를 재현하는 예제를 생성하십시오.
오류 메시지에서 무슨 일이 일어나는지 추측할 수 있으면 좋겠지만 안타깝게도 그럴 수 없습니다. :눈짓:

여기 있습니다:
http://stackoverflow.com/questions/33659180/react-dnd-not-sure-how-to-get-drag-and-drop-to-fire-for-nested-components-of-t

다른 것이 필요하면 저에게 알려주십시오.

작업 중인 앱에 중첩된 정렬 가능한 설정이 있습니다.

정리해서 Github에 올려보도록 하겠습니다.

@3Cbwaltz

귀하의 예제를 복사하여 붙여넣었는데 실행할 수 없습니다. data 소품이 어떠해야 하는지 설명하지 않습니다. 불행히도 문제를 재현하는 완전한 프로젝트(지정된 종속성 등)를 제공하지 않고 문제를 진단할 수 있는 방법은 없습니다. 이 문제를 닫고 있지만 수동으로 파일을 복사하여 붙여넣고 파일에 정보가 충분하지 않은지 확인하지 않고도 상황을 볼 수 있게 해주시면 기쁘게 생각합니다.

@tamagokun 중첩된 정렬 가능한 예제가 있다고 말씀하셨습니까? 구성 요소를 좀 더 구체화할 수 있었지만 여전히 중첩된 정렬 가능한 항목을 둘러볼 시간이 없었습니다. 다음은 전체 소스 코드에 대한 링크 입니다. https://bitbucket.org/bwaltz6/flow-builder/overview. 죄송합니다. 코드가 많고 회사별 npm 저장소를 사용하기 때문에 컴파일하지 못할 수도 있습니다. 필요한 경우 연마할 수 있습니다. 관심 파일은 다음과 같습니다.

싸개
https://bitbucket.org/bwaltz6/flow-builder/src/8c22774c1b59aa381b563f6cf60fb1a5f2b9d39a/dist/FlowBuilder.js?at=master&fileviewer=file-view-default

메뉴
https://bitbucket.org/bwaltz6/flow-builder/src/8c22774c1b59aa381b563f6cf60fb1a5f2b9d39a/dist/menu.js?at=master&fileviewer=file-view-default

노드 아이템
https://bitbucket.org/bwaltz6/flow-builder/src/8c22774c1b59aa381b563f6cf60fb1a5f2b9d39a/dist/nodeItem.js?at=master&fileviewer=file-view-default

지금 해야 할 일은 nodeItem의 <li> 안에 <ul> 태그를 추가하고 놓기 대상으로 만드는 것입니다. 내가 끊긴 곳은 내 nodeItem이 이미 놓기 대상과 드래그 소스이며 내가 원하는 것은 ul 내부에서 ... nodeItem 내부에서 이를 반복할 수 있다는 것입니다. 그 부분을 어떻게 해야할지 모르겠습니다. 일종의 상속을 해야 합니까?

나 좀 휘둘러보자...

@3Cbwaltz 좋아요, 이것을 보세요: https://github.com/tamagokun/example-react-dnd-nested

모든 것이 어떻게 설정되어 있는지 보려면 app/components/Tree app/components/Item 및 app/containers/Index 에 가장 관심이 있을 것입니다. 많은 개선 사항이 있을 수 있다고 생각하지만 도움이 되기를 바랍니다.