小编Adr*_*dez的帖子

React/AntDesign 如何使行可拖动?(表格拖动排序)

我一直在编写这个简单的单列拖放表,但是当我拖动它们时,行不会移动。我在哪里修复或检查?

我正在使用 React、AntDesign 和 JavaScript(使用 TypeScript)

import * as React from 'react';

import ReactDOM from "react-dom";

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;

interface propsDD {
    isOver: any,
    connectDragSource: any,
    connectDropTarget: any,
    moveRow: any,
    restProps: {
        readonly [x: string]: any;
        children?: React.ReactNode;
    }
    className: any,
    index: any,
}

class BodyRow extends React.Component<propsDD>{
    render() {
        const { isOver, connectDragSource, connectDropTarget, moveRow, ...restProps …
Run Code Online (Sandbox Code Playgroud)

javascript drag-and-drop typescript reactjs antd

6
推荐指数
1
解决办法
9415
查看次数

标签 统计

antd ×1

drag-and-drop ×1

javascript ×1

reactjs ×1

typescript ×1