React-dnd: Menghapus elemen yang ditarik pada lemparan kursor "Diharapkan menemukan target yang valid."

Dibuat pada 24 Jan 2016 · 14Komentar · Sumber: react-dnd/react-dnd

Hai kawan,

saya tidak dapat benar-benar memposting contoh kode tertentu karena terlalu berantakan saat ini tetapi saya pikir iv'e mengisolasi langkah-langkah yang diperlukan untuk mereproduksi masalah tersebut.

mulai tarik
saat mengarahkan kursor ke item yang diseret (item tersebut lepas dan seret terhubung)
- hapus status terkait dengan item yang ditarik

kesalahan dilemparkan ke DragDropMonitor.prototype.canDropOnTarget
karena tidak dapat menemukan target dengan targetID (jelas).

kasus penggunaan: saya sedang membangun pohon yang dapat diurutkan dan saya perlu merelokasi item yang diseret & diarahkan
untuk setelah itu simpul induknya:

jika itu adalah item terakhir dalam daftar bersarang
dan item yang diarahkan memiliki offset horizontal ke kiri
(perilaku normal untuk pohon: http://pqx.github.io/react-ui-tree/)

lebih banyak hal: saat kesalahan terjadi, itu masih berfungsi.

Terima kasih!

bug

Sumber

giladv

Komentar yang paling membantu

Masalah yang sama disini

dmitrii-esin pada 17 Jan 2019

👍6

Semua 14 komentar

+1 Saya juga mengalami masalah ini

rachelsison pada 12 Feb 2016

Berikan contoh yang mereproduksi masalah. Kalau begitu aku bisa melihatnya.

gaearon pada 13 Feb 2016

Ini mungkin diperbaiki di 2.1.0.
Saya akan menutupnya tapi tolong beri tahu saya jika tidak, dan saya akan membukanya kembali.

gaearon pada 14 Feb 2016

@gaearon Saya baru saja meningkatkan 2.6.0 dan juga 3.0.2 tetapi istirahat di 4.0.5 dan 5.0.0 .

ad1992 pada 19 Sep 2018

👍2

Ada berita tentang ini?

mwielocha pada 20 Sep 2018

@gaearon ada pembaruan?

ad1992 pada 24 Sep 2018

Masalah yang sama disini

Jarch09 pada 8 Nov 2018

sama di sini di 5.0.0

drjkuo pada 19 Nov 2018

Masalah yang sama disini

happier2 pada 20 Nov 2018

Masalah yang sama disini

dmitrii-esin pada 17 Jan 2019

👍6

masalah yang sama, Ada saran untuk memperbaikinya?

ravi5b2 pada 23 Okt 2019

Ada yang beruntung dengan ini?

prateekkarkare pada 8 Agu 2020

Saya memiliki masalah ini pada sampel sumber eksternal react-sortable-tree. Menyeret ke area merah.

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)