使用react-sortable-hoc

时间:2018-10-25 12:38:20

标签: reactjs react-sortable-hoc sortablejs

我在项目中使用 react-sortable-hoc 库,因此遇到了问题。我无法控制元素的排序。我要实现的主要功能是将选定的项目拖到另外2个项目之间,然后更改其顺序。但这库触发了sort方法,并在拖动移动事件的每个像素上移动了所有项目。 有什么解决方案可以防止这种行为吗?

export const SortableTable = SortableContainer(TableWithSortableColumns, {withRef: true});

export class SortableComponent extends React.Component {
    onSortEnd = (e) => {

    };

    onSortStart = ({oldIndex, newIndex}) => {

    };

    render() {
        return (
            <SortableTable
                onSortEnd={this.onSortEnd}
                onSortStart={this.onSortStart}
                axis="x"
                pressThreshold={2}
                distance={2}
                hideSortableGhost={false}
            />
        );
   }

}

0 个答案:

没有答案