ReactJS 在多个列表之间拖放

use*_*352 2 html javascript drag-and-drop jquery-ui-draggable reactjs

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

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

用这个例子:http : //rafaelquintanilha.com/apps/sortabletargets/

问题是您必须先将项目拖到不同的列表中,然后才能对其进行排序。换句话说,您不能将项目从一个列表拖到另一个列表,也不能将该项目准确地放置在该列表中您将其拖到的位置。

有没有你们知道或知道我可以完成此任务的任何类型的库?

我迫切需要在工作项目中使用此功能。感谢您的任何帮助

xei*_*ton 5

这个库就是你要找的:

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

但请注意,它目前不支持虚拟化。[更新:现在支持虚拟化!2021 年 7 月]

这是带有源代码的示例:

https://codesandbox.io/s/ql08j35j3q

  • @xeiton 似乎这个库不再维护。您对另一个好的库有什么建议吗?我一直在寻找,但大多数人都会参考这个react-dnd 库。 (3认同)