首页 > 解决方案 > 如何在重新渲染之间为转换后的组件设置动画?

问题描述

我试图在我的组件被放到一个新位置后对其进行动画处理。我react-beautiful-dnd用于拖放。

这种情况的沙箱示例

在这里您可以看到,当我将一个元素从一个列表拖放到另一个列表时,该拖放的项目首先会下降到列表的最后一个位置,然后直接进入可放置列表的第一个位置。放下时,使用过渡将其放下,但在将其推到第一个位置后(此处 react 会重新渲染),它只会更新视图而不进行动画处理(我知道这是正常行为)。我试图为这些元素添加过渡,但这对我没有帮助。有没有办法做到这一点?

标签: javascriptcssreactjsanimationreact-beautiful-dnd

解决方案


推荐阅读