在状态变化之间反应动画

时间:2020-07-31 04:10:07

标签: javascript reactjs animation css-animations

我正在开发一个websocket拖放应用程序。我目前正在使用gsap并操纵dom,但感觉不太“反应”。我决定使用react-dnd实现一个较低级别的解决方案。他们的playing chess示例就是我正在尝试做的一个很好的例子。当骑士(在这种情况下)掉进一个正方形中时,一个组件正在更改父级。

使用react-dnd codeandbox,我希望将它们的放置动画化……从原始位置到放置位置。我希望它可以像设置transition: "all 2s ease-in-out"一样容易并且可以“正常工作”,但是我不是那么幸运。

好几天以来,我一直在搜寻示例,与开始时相比我更加困惑。应该用react-transition-group处理吗?这样的事情可能吗?随着DOM状态的变化和元素“移动”,您可以为该移动设置动画吗?

0 个答案:

没有答案