在react中保存react可拖动对象的位置

import React, { useState } from 'react';

function DraggableComponent() {
  const [position, setPosition] = useState({ x: 0, y: 0 });

  // 可拖动对象的拖动事件处理函数
  const handleDrag = (e) => {
    const { clientX, clientY } = e;
    setPosition({ x: clientX, y: clientY });
  };

  return (
    <div
      style={{
        position: 'absolute',
        left: position.x,
        top: position.y,
        cursor: 'move',
      }}
      onMouseMove={handleDrag}
    >
      可拖动对象
    </div>
  );
}

export default DraggableComponent;