javascript - 如何在重新渲染之间为转换后的组件设置动画?
问题描述
我试图在我的组件被放到一个新位置后对其进行动画处理。我react-beautiful-dnd
用于拖放。
在这里您可以看到,当我将一个元素从一个列表拖放到另一个列表时,该拖放的项目首先会下降到列表的最后一个位置,然后直接进入可放置列表的第一个位置。放下时,使用过渡将其放下,但在将其推到第一个位置后(此处 react 会重新渲染),它只会更新视图而不进行动画处理(我知道这是正常行为)。我试图为这些元素添加过渡,但这对我没有帮助。有没有办法做到这一点?
解决方案
推荐阅读
- akka - 即使作业正在运行,Flink 作业提交也会失败
- angular - Electron-Angular:由于角度组件内未定义的 ipcRenderer 导致运行 Karma 错误
- maven - 我在哪里可以找到使用 JitPack 的 GitHub 版本的正确版本号?
- reactjs - 为子目录强制重定向到 HTTPS
- xml - 需要将label属性带入title
- node.js - 在 Microsoft BotFramework v4 node.js 中使用 Luis 连接对话框
- laravel - Laravel 5.8 带密码重置的电子邮件验证
- scala - 将 Spark 数据帧转换为类似格式的 scala 字典
- spring-hateoas - 为什么 user.get() 方法给我错误?和 idk 如何谷歌
- python - 熊猫数据透视表上的数学计算