React-Draggable 重置到原始位置

如何解决React-Draggable 重置到原始位置

我一直在寻找与此here

类似的问题

但是，我看不出这是如何在 React 组件中工作的。

我有一个简单的情况，我在一个 div 中有一个项目列表，并且想将它们拖到另一个 div 中的某些目标。现在，我只希望项目在拖动结束时恢复正常。

这是组件：

<Draggable

      onStart={eventLogger}
      onDrag={eventLogger}
      onStop={onStop}
 >
    <div>...</div>
 <Draggable>

这是 onStop 代码：（评论显示了我尝试过的所有内容，然后是下面解释的翻译重置）

变换平移的工作原理是在拖动停止后，它恢复到原来的位置，但是当我再次拖动它时，它从旧的 X/Y 开始；即它最初被拖到的地方。我无法重置起始位置。

const onStop = (e,data) => {
    console.log('Event: ',e);
    console.log('Dropping Data: ',data);
    data.node.style.transform = "translate(0,0)"
    //data.deltaX = 0
    //data.deltaY = 0
    //data.lastX = 0
    //data.lastY = 0
    //data.x = 0
    //data.y = 0
    //data.currentX = 0
    //data.currentY = 0
};

我尝试添加到组件中： defaultPosition={{ x:0,y: 0 }}

但这也不起作用。

这可以做到吗，还是我需要制作一个可控的可拖动对象？