拖放:删除元素时动态创建列



我正在使用react-beautiful-dnd将元素复制并放入先前创建的列中。

但是我想知道当我拖动一个元素并放下它时是否有任何可能,它会动态地创建列来放下它? 我可以做到吗?

如果 react-beautiful-dnd 不起作用,React 的其他插件可以做到这一点吗?

任何建议..

我对同样的事情感到好奇,但我怀疑这是不可能的

我能想到的方法是使可放置列的父级本身也成为Droppable。然后onDragEnd您可以确定插入新列的位置,自动添加Draggable

虽然文档有一个用于拖动时更改的页面,但它包括这些规则(和其他规则(,让我认为这种方法不起作用:

  • 您只能添加或删除与拖动项目类型相同的Draggables
  • 在拖动过程中不能添加或删除<Droppable />

另请注意,拖动时更改的警告(当前位于页面顶部(目前仅在版本11.x中受支持

是的,所以首先用一些状态变量控制你的列,比如this.state.columns

然后,添加一个事件侦听器,可能onDragEnd().在事件处理程序中,更新columns状态,以便根据需要进行更新