好吧，在文档中找到了它，它对可拖动的项目说：“还建议您不要将自己的转换属性应用于拖动元素。”
删除了这个css，阴影的平滑器：

transition: 'all 0.3s cubic-bezier(.25,.8,.25,1)',

可能的解决方案

如果有人仍然有问题：我将这个数组传递给SortableContext。（我的主要数据是一个Object数组）

["df2Dfs21", "14gJfs11"]

我多次看到建议使用字符串数组作为项。我这样做是因为我在教程上看到了它，它解决了我的另一个问题与dnd-kit。但后来物品开始像那样跳跃。
然后我将整个Object数组作为items传递给SortableContext，然后它被解析。

[{slug: "df2Dfs21", text: "test 1"}, {slug: "14gJfs11", text: "test 2"}]

注意：

完成此操作后，您需要更新handleDragEnd()。
我使用的软件包版本：

"dependencies": {
    "@dnd-kit/core": "^6.0.8",
    "@dnd-kit/sortable": "^7.0.2",
    "@dnd-kit/utilities": "^3.2.1",
}