ReactJS在多个列表之间拖放

时间:2017-07-14 22:16:16

标签: javascript html5 reactjs drag-and-drop jquery-ui-draggable

我一整天都在搜索,但没有找到任何东西......所有的React库似乎都只在一个独立列表之间进行排序。

我发现的最接近的是这篇文章:http://rafaelquintanilha.com/sortable-targets-with-react-dnd/

使用此示例:http://rafaelquintanilha.com/apps/sortabletargets/

问题是您必须先将项目拖动到其他列表,然后才能对其进行排序。换句话说,您无法将项目从一个列表拖动到另一个列表,也可以将项目准确地放置在您希望拖动到该列表中的所需位置。

是否有任何类型的图书馆,你们知道或知道我能做到的任何方式吗?

我迫切需要这个功能用于工作项目。感谢您的帮助

1 个答案:

答案 0 :(得分:2)

您正在寻找的这个库是

https://github.com/atlassian/react-beautiful-dnd

但是请注意,它目前不支持虚拟化。

以下是带有源代码的示例:

https://codesandbox.io/s/ql08j35j3q