如何使用React-Draggable将图像返回到原始位置？

Question

请你告诉我如何在跌落后将图像恢复到原来的位置？我的图像在PopOver中，我使用库React-Draggable来移动图像（https://github.com/mzabriskie/react-draggable），并将其用于插入。所以这就是插入后发生的事情，如图所示：

任何人都可以为此解决问题吗？这是我的代码

import React, {PropTypes} from 'react';
import ReactDOM from 'react-dom';
import Draggable from 'react-draggable';

const PopOverForInsertingPL = ({portlet, onInsert}) =>{
    return (
        <Draggable onStop={() => onInsert(portlet)} grid={[25, 25]}>
            <div>
                <img src={require("./images/CustomizablePortletImage.png")}/> 
                <h3> {portlet.name} </h3> 
            </div>
        </Draggable>
    );
};

Answer 1

所以解决方案是将setState（{open：false}）设置为PopOver菜单，因此一旦关闭PopOver菜单，图像就会返回到它的原始位置。