react使用react-sortable-hoc实现拖拽
react-sortable-hoc拖拽
安装
npm install react-sortable-hoc --save
代码如下（示例）：
import React, { useImperativeHandle, forwardRef, memo, useState } from 'react';
import { DrawerForm } from '@ant-design/pro-form';
import { message, Select ,Table} from 'antd';
import { MenuOutlined } from '@ant-design/icons';
import { useUpdateEffect } from 'react-use';
// 核心代码
import { SortableContainer, SortableElement, SortableHandle } from 'react-sortable-hoc';
type ModalProps = {
ref?: React.MutableRefObject;
onUpdated: () => void;
};
export type SortTrackDrawerRefObject = {
openModal: () => void;
};
// 定义拖拽的图标
const DragHandle = SortableHandle(() => = memo(
forwardRef((sProps, ref) => {
const [visible, setVisible] = useState(false);
// 拖拽体
const SortableItem = SortableElement((props: any) =>
拖拽排序({tableData.length})
效果如图：
