Javascript 如何在重新渲染器之间设置变换组件的动画？

我正在尝试在组件被放置到新位置后设置它们的动画。我使用

dnd

进行拖放

在这里您可以看到，当我从一个列表中拖动一个元素并放到另一个列表中时，被删除的项目首先会放到列表的最后一个位置，然后直接放到可删除列表的第一个位置。 在拖放时，使用“transition”将其拖放，但在将其推到第一个位置后（此处“react Dos rerender”），它只更新视图而不设置动画（我知道这是正常行为）。我试图为这些元素添加一个转换，但这对我没有帮助。

---

有没有办法做到这一点？

找到了一个正常的演示，不知道哪里出错了。这不是我的情况。它不会将丢弃的项目推到列表的第一个位置我知道，我的意思是，通过比较这两个项目，你可能会发现某个地方出了问题，我现在不确定。找到了一个正常的演示，不确定哪里出了问题。这不是我的情况。它不会把掉下来的东西推到列表的第一个位置，我知道，我的意思是，通过比较这两个东西，你可能会发现哪里出了问题，我现在还不确定。