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])
}
}