私は dragSource のタイプを持っています、それを と呼びましょうCard
、そして dropTarget Stacks
。スタックはたくさんありますが、それぞれのカードをすべてにドロップすることはできません。したがって、Stack
のcanDrop
メソッドで、Card
ドラッグされていることを取得し、いくつかの比較を実行して、そのカードをドロップできるかどうかを返します。
では、ここまでは順調です。Card
ユーザーが a を間違った にドロップしようとするとStack
、canDrop
false が返され、何も起こりません。
私の質問は、ドロップ アクションが失敗したときに、「理由により、このカードをここにドロップすることはできません」のようなメッセージを表示したいということです。を使用してそれを行うにはどうすればよいreact-dnd
ですか? からの結果を使用できませんcanDrop
。ドロップが発生したことがないため、処理されないのですか? カードを目的のにcanDrop
移動する関数にロジックを移動することもできますが、その場合、 aを a にドロップできることのみを指定し、特定のスタックにカードをドロップできるかどうかのすべてのロジックはコードによって処理されます。 .Stack
react-dnd
Card
Stack
これは正しいです?私が見ていないライブラリを使用してこれを行う他の方法はありますか? これにはどのようなアプローチが良いでしょうか?