Reactjs 重新渲染后反应元素的可拖动保存位置

我正在使用允许拖动元素。每次重新渲染后，元素都会返回到其起始位置。如何保持每个映射元素的位置

  const handleStop = (event, dragElement) => {

    console.log(dragElement)
     
  };

//Console.log(dragElement)
{node: div.resizablebox.react-draggable.react-draggable-dragging.react-draggable-dragged, x: 670, y: -423, deltaX: 0, deltaY: 0, …}


   { numberofLines.map( (si, k) => (
       
        <>
  
        <Draggable 
        onStop={handleStop}
        > 
       <div>
        <CreateLine type={si.type} title={si.title} seriestitle={si.seriestitle} />
        </div>
        </Draggable>
        
       </>
      )

      )}

const handleStop=（事件，dragElement）=>{
控制台日志（dragElement）
};
//控制台日志（dragElement）
{节点：div.resizeablebox.react-draggable.react-draggable-draggable.react-draggable-draggable-draggable，x:670，y:-423，deltaX:0，deltaY:0，…}
{numberofLines.map（（si，k）=>(
)
)}