React-dnd: ホバーでドラッグされた要素を削除すると、「有効なターゲットが見つかると予想されます」とスローされます。
こんにちは、みんな、
現時点ではあまりにも雑然としているため、特定のコード例を実際に投稿することはできませんが、問題を再現するために必要な手順を分離したと思います。
- ドラッグを開始
- ドラッグされたアイテムにカーソルを合わせると（アイテムはドロップとドラッグの両方で接続されます）
- ドラッグされたアイテムに対応する状態を削除します
DragDropMonitor.prototype.canDropOnTargetでエラーがスローされました
targetIDのターゲットが見つからなかったためです（明らかに）。
ユースケース：並べ替え可能なツリーを構築していて、ドラッグしてホバーしたアイテムを再配置する必要があります
親ノードの後へ：
- ネストされたリストの最後のアイテムである場合
- ホバーされたアイテムには、左に水平方向のオフセットがあります
（ツリーの通常の動作：http：//pqx.github.io/react-ui-tree/）
さらに言えば、エラーが発生しても、それでも機能します。
ありがとう！
giladv
全てのコメント14件
+1私もこの問題を抱えています
rachelsison
2016年02月12日
問題を再現する例を提供してください。 その時、私は見ることができます。
gaearon
2016年02月13日
これはおそらく2.1.0で修正されています。
閉店しますが、そうでない場合はお知らせください。再開します。
gaearon
2016年02月14日
@gaearon最近react- 2.6.0と3.0.2正常に機能したようですが、 4.0.5と5.0.0壊れます。
ad1992
2018年09月19日
これに関するニュースはありますか？
mwielocha
2018年09月20日
@gaearon更新はありますか？
ad1992
2018年09月24日
ここで同じ問題
Jarch09
2018年11月08日
ここ5.0.0でも同じ
drjkuo
2018年11月19日
ここで同じ問題
happier2
2018年11月20日
ここで同じ問題
dmitrii-esin
2019年01月17日
同じ問題、修正のための提案はありますか？
ravi5b2
2019年10月23日
誰かこれで運が良かったですか？
prateekkarkare
2020年08月08日
この問題は、react-sortable-tree外部ソースサンプルで発生します。 赤い領域にドラッグします。
https://frontend-collective.github.io/react-sortable-tree/?path=/story/advanced --drag-from-external-source
https://github.com/frontend-collective/react-sortable-tree/blob/master/stories/external-node.js
vendors~main.91acd83f50dfbcb80997.bundle.js:1 Uncaught Invariant Violation: Expected to find a valid target.
at module.exports (https://frontend-collective.github.io/react-sortable-tree/vendors~main.91acd83f50dfbcb80997.bundle.js:2:592)
at DragDropMonitorImpl.canDropOnTarget (https://frontend-collective.github.io/react-sortable-tree/vendors~main.91acd83f50dfbcb80997.bundle.js:2:186636)
at DropTargetMonitorImpl.canDrop (https://frontend-collective.github.io/react-sortable-tree/vendors~main.91acd83f50dfbcb80997.bundle.js:2:71541)
at https://frontend-collective.github.io/react-sortable-tree/main.91acd83f50dfbcb80997.bundle.js:1:132866
at DragDropContainer.getCurrentState (https://frontend-collective.github.io/react-sortable-tree/vendors~main.91acd83f50dfbcb80997.bundle.js:2:87049)
at DragDropContainer._this.handleChange (https://frontend-collective.github.io/react-sortable-tree/vendors~main.91acd83f50dfbcb80997.bundle.js:2:84210)
at handleChange (https://frontend-collective.github.io/react-sortable-tree/vendors~main.91acd83f50dfbcb80997.bundle.js:2:185746)
at dispatch (https://frontend-collective.github.io/react-sortable-tree/vendors~main.91acd83f50dfbcb80997.bundle.js:2:168058)
at Object.endDrag (https://frontend-collective.github.io/react-sortable-tree/vendors~main.91acd83f50dfbcb80997.bundle.js:2:199234)
at HTML5Backend.handleTopDragEndCapture (https://frontend-collective.github.io/react-sortable-tree/vendors~main.91acd83f50dfbcb80997.bundle.js:2:152270)
neilshah2000
2020年08月19日
次の修正は私のために働いた
prateekkarkare
2020年08月19日
関連する問題
vickyvxr
·
3コメント
dwjohnston
·
3コメント
gocreating
·
4コメント
user1736
·
3コメント
redochka
·
3コメント
最も参考になるコメント
ここで同じ問題