如何将Draggable从一个DragTarget拖到另一个？

// Draggable组件
const Draggable = () => {
  const handleDragStart = (event) => {
    event.dataTransfer.setData("text/plain", "draggableData");
  };

  return (
    <div draggable onDragStart={handleDragStart}>
      Draggable Component
    </div>
  );
};

// DragTarget组件
const DragTarget = () => {
  const handleDrop = (event) => {
    const draggableData = event.dataTransfer.getData("text/plain");
    // 处理获取的数据，比如更新组件状态或调用后端API
  };

  const handleDragOver = (event) => {
    event.preventDefault();
  };

  return (
    <div onDrop={handleDrop} onDragOver={handleDragOver}>
      DragTarget Component
    </div>
  );
};

// 在父组件中使用Draggable和DragTarget组件
const App = () => {
  return (
    <div>
      <Draggable />
      <DragTarget />
    </div>
  );
};