如何在React中保存拖放行的状态？

const [draggedRow, setDraggedRow] = useState(null);

const handleDragStart = (row) => {
  setDraggedRow(row);
};

// 在拖动的行上添加onDragStart事件监听
<tr draggable onDragStart={() => handleDragStart(row)}>
  {/* 行内容 */}
</tr>

const handleDragOver = (event) => {
  event.preventDefault();
  // 更新拖放行的状态
  setDraggedRow(null);
};

// 在放置目标上添加onDragOver事件监听
<div onDragOver={handleDragOver}>
  {/* 放置目标内容 */}
</div>

<div
  onDragOver={handleDragOver}
  className={draggedRow ? 'drag-over' : ''}
>
  {/* 放置目标内容 */}
</div>