React-dnd: 마우슀 μ˜€λ²„μ‹œ λ“œλž˜κ·Έ 된 μš”μ†Œλ₯Ό μ œκ±°ν•˜λ©΄ "μœ νš¨ν•œ λŒ€μƒμ„ 찾을 κ²ƒμœΌλ‘œ μ˜ˆμƒλ©λ‹ˆλ‹€."κ°€ λ°œμƒν•©λ‹ˆλ‹€.

에 λ§Œλ“  2016λ…„ 01μ›” 24일  Β·  14μ½”λ©˜νŠΈ  Β·  좜처: react-dnd/react-dnd

μ•ˆλ…•ν•˜μ„Έμš” μ—¬λŸ¬λΆ„,

ν˜„μž¬ λ„ˆλ¬΄ λ³΅μž‘ν•˜κΈ° λ•Œλ¬Έμ— νŠΉμ • μ½”λ“œ 예제λ₯Ό κ²Œμ‹œ ν•  μˆ˜λŠ” μ—†μ§€λ§Œ 문제λ₯Ό μž¬ν˜„ν•˜λŠ” 데 ν•„μš”ν•œ 단계λ₯Ό λΆ„λ¦¬ν–ˆλ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€.

  • λ“œλž˜κ·Έ μ‹œμž‘
  • λ“œλž˜κ·Έ ν•œ ν•­λͺ©μ— 마우슀λ₯Ό 올릴 λ•Œ (ν•­λͺ©μ€ λ“œλ‘­ 및 λ“œλž˜κ·Έ λͺ¨λ‘ 연결됨)

    • λŒμ–΄μ˜¨ ν•­λͺ©μ— ν•΄λ‹Ήν•˜λŠ” μƒνƒœ 제거

DragDropMonitor.prototype.canDropOnTargetμ—μ„œ 였λ₯˜κ°€ λ°œμƒν–ˆμŠ΅λ‹ˆλ‹€.
(λΆ„λͺ…νžˆ) targetID둜 λŒ€μƒμ„ 찾을 수 μ—†κΈ° λ•Œλ¬Έμž…λ‹ˆλ‹€.

μ‚¬μš© 사둀 : μ •λ ¬ κ°€λŠ₯ν•œ 트리λ₯Ό λ§Œλ“€κ³  있으며 λ“œλž˜κ·Έ 및 ν˜Έλ²„ 된 ν•­λͺ©μ˜ μœ„μΉ˜λ₯Ό β€‹β€‹λ³€κ²½ν•΄μ•Όν•©λ‹ˆλ‹€.
λΆ€λͺ¨ λ…Έλ“œ 이후 :

  • 쀑첩 된 λͺ©λ‘μ˜ λ§ˆμ§€λ§‰ ν•­λͺ© 인 경우
  • ν˜Έλ²„ 된 ν•­λͺ©μ€ μ™Όμͺ½μ— μˆ˜ν‰ μ˜€ν”„μ…‹μ΄ μžˆμŠ΅λ‹ˆλ‹€.
    (트리의 정상적인 λ™μž‘ : http://pqx.github.io/react-ui-tree/)

더 λ§Žμ€ 것 : 였λ₯˜κ°€ λ°œμƒν•˜λŠ” λ™μ•ˆμ—λ„ μ—¬μ „νžˆ μž‘λ™ν•©λ‹ˆλ‹€.

감사!

picture giladv

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

여기에 같은 문제

image

picture dmitrii-esin 에 2019λ…„ 01μ›” 17일
👍6

λͺ¨λ“  14 λŒ“κΈ€

+1이 λ¬Έμ œλ„ μžˆμŠ΅λ‹ˆλ‹€.

rachelsison picture rachelsison 에 2016λ…„ 02μ›” 12일

문제λ₯Ό μž¬ν˜„ ν•œ 예λ₯Ό μ œκ³΅ν•˜μ„Έμš”. 그럼 μ œκ°€ μ‚΄νŽ΄λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€.

gaearon picture gaearon 에 2016λ…„ 02μ›” 13일

이것은 μ•„λ§ˆλ„ 2.1.0μ—μ„œ μˆ˜μ •λ˜μ—ˆμ„ κ²ƒμž…λ‹ˆλ‹€.
λ‹«κ² μŠ΅λ‹ˆλ‹€. 그렇지 μ•Šμ€ 경우 μ•Œλ € μ£Όμ‹œλ©΄ λ‹€μ‹œ μ—΄κ² μŠ΅λ‹ˆλ‹€.

gaearon picture gaearon 에 2016λ…„ 02μ›” 14일

@gaearon 졜근 react-dnd v5둜 μ—…κ·Έλ ˆμ΄λ“œ 2.6.0 및 3.0.2 μ—μ„œλ„ 잘 μž‘λ™ν•˜λŠ” κ²ƒμ²˜λŸΌ λ³΄μ΄μ§€λ§Œ 4.0.5 및 5.0.0 μ—μ„œλŠ” μ€‘λ‹¨λ©λ‹ˆλ‹€.

ad1992 picture ad1992 에 2018λ…„ 09μ›” 19일
👍2

이것에 λŒ€ν•œ μ†Œμ‹μ΄ μžˆμŠ΅λ‹ˆκΉŒ?

mwielocha picture mwielocha 에 2018λ…„ 09μ›” 20일

@gaearon μ—…λ°μ΄νŠΈκ°€ μžˆμŠ΅λ‹ˆκΉŒ?

ad1992 picture ad1992 에 2018λ…„ 09μ›” 24일

여기에 같은 문제

Jarch09 picture Jarch09 에 2018λ…„ 11μ›” 08일

5.0.0

drjkuo picture drjkuo 에 2018λ…„ 11μ›” 19일

여기에 같은 문제

happier2 picture happier2 에 2018λ…„ 11μ›” 20일

여기에 같은 문제

image

dmitrii-esin picture dmitrii-esin 에 2019λ…„ 01μ›” 17일
👍6

같은 문제, μˆ˜μ •μ— λŒ€ν•œ μ œμ•ˆ?

ravi5b2 picture ravi5b2 에 2019λ…„ 10μ›” 23일

λˆ„κ΅¬λ“ μ§€ μ΄κ²ƒμœΌλ‘œ 운이 μ’‹μ•˜μŠ΅λ‹ˆκΉŒ?

prateekkarkare picture 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 picture neilshah2000 에 2020λ…„ 08μ›” 19일

λ‹€μŒ μˆ˜μ • 사항이 μ €μ—κ²Œ νš¨κ³Όμ μ΄μ—ˆμŠ΅λ‹ˆλ‹€.

https://github.com/frontend-collective/react-sortable-tree/pull/740/commits/9a841136403b219e79c03528f2d70945fca3c44d

prateekkarkare picture prateekkarkare 에 2020λ…„ 08μ›” 19일
👍1
이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰

κ΄€λ ¨ 문제

Okami92 picture Okami92  Β·  3μ½”λ©˜νŠΈ
user1736 picture user1736  Β·  3μ½”λ©˜νŠΈ
rubayethossain picture rubayethossain  Β·  3μ½”λ©˜νŠΈ
gaearon picture gaearon  Β·  4μ½”λ©˜νŠΈ
gocreating picture gocreating  Β·  4μ½”λ©˜νŠΈ