drag-and-drop - 拖放并支持react.js 的触摸

Question

如何为 Facebook 的 React.js 实现拖放并支持触摸事件？

有几个question和 articles和 libraries关于react.js的拖放，但似乎没有一个提到触摸事件，并且该演示在我的手机上都不起作用。

总的来说，我想知道什么是最简单的:尝试使用现有的 d&d 库来实现这一点，这些库已经支持触摸，但可能需要一些工作才能与 React 正确配合。或者尝试使用任何 React d&d 示例并让它们与触摸一起工作(看到 this issue ，这可能不是微不足道的？)

Answer 1

react-motion(带有触摸事件)

我们尝试过“react-motion ”来拖动列表中的项目。如果项目超过 15-20 个，它就会变得非常滞后。 (但是对于小列表，效果很好，就像这个 demo )。请注意，移动设备比桌面设备慢得多。

关于 react 运动的重要说明:在测试动画性能时不要忘记使用生产模式!

react-dnd(带触摸事件)

第二个选项是“react-dnd ”。这是一个很棒的图书馆。它的级别较低，但是很容易理解如何使用它。但起初，“react-dnd”不是我们的选择，因为不支持触摸事件。

后来，当雅虎发布了 react-dnd-touch-backend我们决定将我们的应用程序从“react-motion”切换为“react-dnd”。这解决了我们所有的性能问题。我们列出了 50-70 项，它按预期工作。

雅虎做了非常出色的工作，该解决方案在我们的生产应用程序中有效。