Antd Pro操作ProTable/Table实现拖动排序（sortablejs）

antd官方实现过于复杂，这里通过sortablejs来实现

DOM结构

<div className="draggableTable" ref={
   sortableTable}>
  <ProTable
    rowKey="id"
    request={
   params => loadXXX(params)}
    columns={
   columns}
    actionRef={
   tableRef}
    rowClassName={
   (record, index) => {
   
      // rowClassName给每一行设置一个类名
      return 'tableItem'
    }}
  />
</div>

js 第一种方式 排序之后把列表进行排序 获取到排序好的列表

import Sortable from 'sortablejs';
    //拖拽初始化及逻辑
	sortableGoods = (componentBackingInstance