基于React封装的可拖拽排序的表格组件

废话不多说，直接开干~~~~

1、安装组件所需依赖：

"react-dnd": "^10.0.2",
"react-dnd-html5-backend": "^10.0.2",
"immutability-helper": "^3.0.1",

2、组件全部代码如下<可直接复制使用>：

import React from 'react';
import {Table,} from 'antd';
import {DndProvider,DragSource,DropTarget,} from 'react-dnd';
import HTML5Backend from 'react-dnd-html5-backend';
import update from 'immutability-helper';
let dragingIndex = -1;
//判断2个数组是否相等
function ArrayIsEqual(arr1,arr2){
//如果2个数组对应的指针相同,那么肯定相等,同时也对比一下类型
if(arr1===arr2){
return true;
}else{
if(arr1.length!=arr2.length){
return false;
}else{
for(let i in arr1){
//循环遍历对比每个位置的元素
if(arr1[i]!=arr2[i]){
//只要出现一次不相等,那么2个

最后

以上就是活力豆芽为你收集整理的基于React封装的可拖拽排序的表格组件的全部内容，希望文章能够帮你解决基于React封装的可拖拽排序的表格组件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。