react-beautiful-dnd - 尝试添加或删除 Draggable... 拖动列时的警告

问题描述

在同一列表中拖放项目时出现此错误：

You are attempting to add or remove a Draggable [id: item-7]while a drag is occurring. This is only supported for virtual lists.

每次我拖放东西时，我都会为控制台中的每个项目获得 10-20 个... 我想知道是什么导致了这个问题？

这是我的 onDragEnd 函数：

const handleDragEnd = (result) => {
  const {destination,source,draggableId} = result;
  console.log('destination:',destination,'source:','draggId:',draggableId)
  // if dragged outside list
  if(!destination){
    return
  }
  const sourceList = data.filter(list => list.id === source.droppableId);
  const destinationList = data.filter(list => list.id === destination.droppableId);
  const draggingItem = sourceList[0].items.filter(item => item.itemID === draggableId);

  console.log('source',sourceList,'destinationList:',destinationList,'draggging:',draggingItem)
  // if dragged in same list
  
   if(source.droppableId === destination.droppableId){
    sourceList[0].items.splice(source.index,1)
    destinationList[0].items.splice(destination.index,draggingItem[0])
  }
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）