我在项目中使用 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}
/>
);
}
}