将放置元素限制在react-sortable-hoc列表中的特定位置

时间:2018-11-22 10:44:01

标签: reactjs drag-and-drop react-sortable-hoc

我正在尝试显示列表,我可以从列表中选择一个项目并将其拖放到列表中的任何位置。

我正在使用react-sortable-hoc库来显示列表。

在我的列表中,我想将放置区域限制在特定位置。举例来说,我不想删除列表中第4个元素之后的任何元素。

我只是在onSortEnd方法中的index = 4时返回。

onSortEnd: ({oldIndex, newIndex, collection}) => {
if (newIndex === 4) return;
}

以上方法限制了I元素是否放置在第4个位置,但它实际上为用户设置了动画效果并给用户留下了可以将其放置在该位置的印象。我也想停止播放该动画。

有人可以建议我该怎么做吗?

谢谢。

0 个答案:

没有答案