Javascript react Beauty dnd-尝试添加或删除可拖动的…;拖动列时发出警告

Javascript react Beauty dnd-尝试添加或删除可拖动的…;拖动列时发出警告,javascript,reactjs,react-beautiful-dnd,Javascript,Reactjs,React Beautiful Dnd,当我拖放同一列表中的项目时,出现此错误: 当发生拖动时,您正试图添加或删除可拖动的[id:item-7]。这仅适用于虚拟列表。 每次我拖放东西时,控制台中的每个项目都会得到10-20个。。。 我想知道是什么导致了这个问题 以下是我的onDragEnd函数: const handleDragEnd = (result) => { const {destination, source, draggableId} = result; console.log('destination:',

当我拖放同一列表中的项目时,出现此错误:

当发生拖动时,您正试图添加或删除可拖动的[id:item-7]。这仅适用于虚拟列表。

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

以下是我的onDragEnd函数:

const handleDragEnd = (result) => {
  const {destination, source, draggableId} = result;
  console.log('destination:', destination, 'source:', 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, 0 , draggingItem[0])
  }
}