问题描述
我正在使用 react-beautiful-dnd
创建嵌套拖放。
在下面的例子中,我可以免去父母和父母中的孩子。
演示:https://codesandbox.io/s/a-bit-complex-react-beautiful-dnd-tusln
我正在尝试能够在列表之间,即在列表 1 中,从父级 0 到父级 1 或 2 以及往返于列表 2 之间 DnD 子项。
逻辑:
onDragEnd(result) {
const { parents } = this.state;
const { source,destination,type } = result;
if (!destination) {
return;
}
if (source.droppableId === destination.droppableId) {
if (type === "PARENTS") {
const _parents = reorder(parents,source.index,destination.index);
this.setState({ parents: _parents });
} else {
const children = reorder(
parents[parseInt(type,10)].children,destination.index
);
const _parents = JSON.parse(JSON.stringify(parents));
_parents[type].children = children;
this.setState({ parents: _parents });
}
} else {
const result = move(
parents[parseInt(type,source,destination
);
this.setState({ parents: result.droppable });
}
}
我该如何解决这个问题?感谢您抽出宝贵时间。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)