过滤时使用transferArrayItem指向错误索引号的角度拖放(工作示例)

// 假设我们有一个数组 items
let items = ['Item 1', 'Item 2', 'Item 3'];

// 拖放事件处理函数
function onDragEnd(result) {
  if (!result.destination) return; // 如果没有目标位置，直接返回

  const sourceIndex = result.source.index;
  const destinationIndex = result.destination.index;

  // 使用 transferArrayItem 进行数据交换
  const [removed] = items.splice(sourceIndex, 1);
  items.splice(destinationIndex, 0, removed);

  console.log(items); // 输出更新后的数组
}

// 示例拖放事件
const event = {
  dataTransfer: {
    setData: (type, data) => {
      // 设置数据，这里可以忽略
    },
    getData: (type) => {
      // 获取数据，这里可以忽略
    }
  },
  currentTarget: {
    dataset: {
      index: 1 // 假设源索引为1
    }
  },
  relatedTarget: {
    dataset: {
      index: 2 // 假设目标索引为2
    }
  }
};

onDragEnd({
  source: event.currentTarget,
  destination: event.relatedTarget
});