实现简单拖拽与限制树形数据平级之间不能嵌套(只能排序),不同父级之间可以拖拽嵌套.
import React, { useState, useEffect } from 'react';
import { Tree, Spin } from 'antd';
// import { EditOutlined, PlusOutlined, DeleteOutlined } from '@ant-design/icons';
import { queryDepartments, submitDepartments } from './service';
// const { Search } = Input;
// 测试数据
const { TreeNode } = Tree;
// 树形结构循环生成
const renderTree = (tree_data) => {
if (tree_data && Array.isArray(tree_data) && tree_data.length > 0) {
return tree_data.map((item) => {
if (item.children && Array.isArray(item.children)) {
return (
<TreeNode title={item.title} key={item.key}>
{renderTree(item.children)}
</TreeNode>
);
}
return <TreeNode title={item.title} key={item.key} />;
});
}
return [];
};
const DragTable = () => {
const [treeData, setTreeData] = useState([]);
const