0

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

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

如果 react-beautiful-dnd 不起作用，React 的其他插件可以做到吗？

任何建议..

4

2 回答 2

0

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

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

于 2019-08-21T14:55:44.837 回答
0

我对同样的事情很好奇，但我怀疑这是不可能的。

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

虽然文档有一个Changes while dragging页面，但它包含了这些规则（和其他规则），这些规则让我认为这种方法行不通：

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

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

于 2019-12-27T18:12:34.617 回答