私はreact-dndを使用してネストされたリストコンポーネントに取り組んでおり、単純な並べ替え可能な例を使用しました。 ドラッグアンドドロップを第1レベルのノードで機能させることはできますが、ドラッグしようとすると、すべての子が「TypeError：nodeisundefined」を生成します。 基本的に、メニューコンポーネントとアイテムコンポーネントがあり、アイテムコンポーネントは、子がある場合はそれ自体を呼び出します。
ネストされたソート可能なリストの例はありますか？
3Cbwaltz
全てのコメント7件
エラーがある場合は、このエラーを再現する例を作成してください。
エラーメッセージから何が起こっているのか推測できればいいのですが、残念ながらわかりません。 ：ウィンク：
gaearon
2015年11月16日
他に何か必要な場合は私に知らせてください。
3Cbwaltz
2015年11月16日
作業中のアプリにネストされた並べ替え可能なセットアップがあります。
クリーンアップしてGithubにスローする作業を行います。
tamagokun
2015年12月18日
@ 3Cbwaltz
例をコピーして貼り付けましたが、実行できませんでした。 data小道具がどうあるべきかを説明していません。 残念ながら、問題を再現する完全なプロジェクト（依存関係が指定されているなど）を提供しない限り、問題を診断する方法はありません。 この問題を解決しますが、貼り付けたファイルを手動でコピーしてファイルに十分な情報がないことを確認しなくても、何が起きているかを確認できるようにしていただければ、再開させていただきます。
gaearon
2015年12月25日
@tamagokunネストされたソート可能な例があると言いましたか？ コンポーネントをもう少し具体化することはできましたが、ネストされたソート可能オブジェクトに頭を包む時間がまだありませんでした。 完全なソースコードhttps://bitbucket.org/bwaltz6/flow-builder/overviewへのリンクは次のとおりです。 申し訳ありませんが、コードが多く、会社固有のnpmリポジトリを使用しているため、コンパイルできない可能性があります。 必要に応じて、それを磨くことができます。 関心のあるファイルはここにあります：
私が今やらなければならないことは、nodeItemの<li>の中に<ul>タグを追加し、それをドロップターゲットにすることだと思います。 私がハングアップするのは、nodeItemsがすでにドロップターゲットとドラッグソースの両方であり、私がやりたいのは、それをul内で繰り返すことができることです... nodeItem内で。 その部分を行う方法がわからない。 ある種の継承を行う必要がありますか？
3Cbwaltz
2016年01月12日
何かをかき立てさせてください...
tamagokun
2016年01月12日
@ 3Cbwaltzわかりました、これを見てください： https ：//github.com/tamagokun/example-react-dnd-nested
app/components/Tree app/components/Itemとapp/containers/Indexに最も興味があり、すべてがどのように設定されているかを確認できます。 たくさんの機能強化ができると思いますが、お役に立てば幸いです。
tamagokun
2016年01月13日
関連する問題
Okami92
·
3コメント
djeremh
·
3コメント
BrennanRoberts
·
3コメント
dreamcog
·
4コメント
antoineBernard
·
3コメント
最も参考になるコメント
@ 3Cbwaltzわかりました、これを見てください： https ：//github.com/tamagokun/example-react-dnd-nested
app/components/Treeapp/components/Itemとapp/containers/Indexに最も興味があり、すべてがどのように設定されているかを確認できます。 たくさんの機能強化ができると思いますが、お役に立てば幸いです。