React-dnd: ネストされたドロップターゲットとcanDrop

作成日 2018年05月29日 · 3コメント · ソース: react-dnd/react-dnd

ネストされたDropTargetが2つあります。
親ドロップターゲットへのドロップが無効になっている場合、子ドロップターゲットへのドロップを防止したい。
子のcanDrop（）メソッドは、親のcanDrop（）メソッドにどのように依存できますか？
現在のAPIで厳密にそれを行う方法が見つからなかったため、コンポーネントに依存する必要がありました。

誰かがこれに苦労しましたか？

ありがとう！

wontfix

ソース

djeremh

👍1

最も参考になるコメント

@danielrob {shallow: true}で問題をどのように解決しましたか？ canDropで使用しようとしていますが、効果がないようです。理想的には、子供たちがドロップするときに優先され、次に親が優先されるようにします。

andrewvarga 2019年08月15日

👍3

全てのコメント3件

私が最初にここに来たのは、反対の問題があったためです...親と子の両方のcanDropメソッドでmonitor.isOver({ shallow: true })を使用して解決しました。子供だけに応答してもらいたかったのですが、親がfalseを返すと、子供がtrueを返すことができなくなりました。

したがって、あなたが説明している振る舞いはデフォルトの振る舞いであるべきだと思います。どちらも同じドロップタイプを受け入れ、実際のdom要素には奇妙なスタッキングの問題が発生しておらず、canDropが邪魔になっていないと想定しています。

とにかく、私は寄稿者/共同編集者ではなく、偶然あなたの問題を見つけました。問題のサンドボックスを投稿することをお勧めします。これは、ライブラリのメンテナが常に問題を正確に理解するのに役立ちます。