code sandbox sample
repro steps:
- 打开上面的 code sandbox 链接,在棋盘上拖动棋子,没有问题。这个是 react-dnd 官方的代码。
- 然后,我添加了一段代码,使用了 ul/li 最基本的元素,并且,添加了标准的 drag events ,比如,ondragenter, ondragover and ondrop ,等等。
- 结果,不工作,完全不触发。绑定在 drag source 上事件,ondragstart 还是可以触发的(打印 log )。但是剩下的,所有和 drop target 相关的事件,全部都不能正常触发。
- 不论 list items 是放在 DndProvider 内部,还是外部,都不工作。
- 直接把 <Example /> 删除掉后,拖放就能够正常工作了。
- 我又找了个第三方的 treeview 组件尝试了一下,情况同上。
p.s.
为什么不直接使用 drag and drop events ,或者全部使用 react-dnd 。这个是历史问题,暂时没有办法全面更改。