使用HTML5实现React拖拽排序组件的方法

React是一种流行的JavaScript库，用于构建用户界面。在React中，我们可以通过使用HTML5的拖拽事件和特性来实现拖拽排序组件。在本文中，我将向您展示如何使用HTML5和React创建一个简单的拖拽排序组件。

首先，我们需要创建一个React组件来承载我们的拖拽排序功能。我们将称之为DraggableList组件。在这个组件中，我们将渲染一个可拖拽的列表，用户可以通过拖拽元素来重新排序列表项。

下面是一个基本的DraggableList组件的代码示例：

import React, {
    useState } from 'react';

const DraggableList<