React-dnd: नेस्टेड सॉर्ट करने योग्य उदाहरण के लिए प्रतिक्रिया डीएनडी सेटअप?

अगर आपको कोई त्रुटि है तो कृपया इस त्रुटि को पुन: उत्पन्न करने वाला एक उदाहरण तैयार करें।
काश मैं अनुमान लगा पाता कि त्रुटि संदेश से क्या होता है, लेकिन अफसोस मैं नहीं कर सकता। :आँख मारना:

हेयर यू गो:
http://stackoverflow.com/questions/33659180/react-dnd-not-sure-how-to-get-drag-and-drop-to-fire-for-nested-components-of-t

अगर आपको और कुछ चाहिए तो मुझे बताएं।

मेरे पास एक ऐप में काम कर रहे नेस्टेड सॉर्ट करने योग्य सेटअप है जिस पर मैं काम कर रहा हूं।

मैं इसे साफ करने और इसे जीथब पर फेंकने पर काम करने जा रहा हूं।

@3सीबीवाल्ट्ज

मैंने आपका उदाहरण कॉपी किया और इसे चलाने के लिए नहीं मिला। यह स्पष्ट नहीं करता कि 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

मुझे लगता है कि मुझे अब जो करने की ज़रूरत है वह है नोडइटम के <li> के अंदर एक <ul> टैग जोड़ना और इसे एक ड्रॉप लक्ष्य बनाना। जहां मैं लटका हुआ हूं, मेरे नोड इटम्स पहले से ही ड्रॉप लक्ष्य और ड्रैग स्रोत दोनों हैं और मैं बस इतना करना चाहता हूं कि नोड के अंदर उल ... के अंदर इसे दोहराने में सक्षम हो। सुनिश्चित नहीं है कि उस हिस्से को कैसे करें। क्या मुझे किसी प्रकार की विरासत करने की ज़रूरत है?

मुझे कुछ चाबुक करने दो ...

@3Cbwaltz ठीक है, इस पर एक नज़र डालें: https://github.com/tamagokun/example-react-dnd-nested

सब कुछ कैसे सेटअप किया जाता है, यह देखने के लिए आपको app/components/Tree app/components/Item और app/containers/Index में सबसे अधिक दिलचस्पी होगी। मुझे लगता है कि इसमें बहुत सी वृद्धि हो सकती है, लेकिन मुझे उम्मीद है कि इससे मदद मिलेगी।