react-sortable-hoc如何禁用元素重排序？传disabled属性未正常生效

SortableListItem的disabled属性仅能禁用当前元素自身作为拖拽源的能力，不会在排序计算逻辑中将其标记为不可跨越的固定节点，因此拖拽其他元素放置时，排序算法仍会将该项纳入位移计算，导致位置偏移。要彻底固定指定项位置，需要从排序逻辑层做拦截，实现方式如下：

• 给需要固定的项（你的Item 2）添加专属标识，比如在列表项数据中增加fixed: true字段，同时记录它的初始固定索引值
• 在排序完成的回调函数（通常是onSortEnd/onDragEnd）中修正排序结果，不允许其他项越过固定项位置，参考代码如下：

// 以react-sortable-hoc的用法为例，其他拖拽库逻辑一致
const FIXED_ITEM_INDEX = 1; // Item2从0开始计数的初始索引
const handleSortEnd = ({ oldIndex, newIndex }) => {
  // 兜底：如果拖拽的是固定项本身，直接不更新排序
  if (oldIndex === FIXED_ITEM_INDEX) return;

  let targetNewIndex = newIndex;
  // 从固定项上方向下拖拽、试图越过固定项时，把落点锁定在固定项上方
  if (oldIndex < FIXED_ITEM_INDEX && newIndex >= FIXED_ITEM_INDEX) {
    targetNewIndex = FIXED_ITEM_INDEX - 1;
  }
  // 从固定项下方向上拖拽、试图越过固定项时，把落点锁定在固定项下方
  if (oldIndex > FIXED_ITEM_INDEX && newIndex <= FIXED_ITEM_INDEX) {
    targetNewIndex = FIXED_ITEM_INDEX + 1;
  }

  // 用修正后的索引更新列表
  setItems(arrayMove(items, oldIndex, targetNewIndex));
};

• 可选体验优化：如果需要拖拽过程中就阻止占位符越过固定项，可以在拖拽移动回调（onMove）中加入同样的索引判断，当检测到拖拽位置即将越过固定项时，直接返回false终止本次位移计算，用户拖拽时会感知到固定项像“挡板”一样无法跨越。

如果你使用的是dnd-kit类的其他拖拽库，核心逻辑不变：只靠组件的disabled属性只能禁用拖拽源，必须在排序重算的环节拦截索引变动，强制固定项始终停留在初始位置即可。

内容的提问来源于stack exchange，提问作者Kishan Mishra