使用动画功能移动对象的成帧器运动

Question

我目前正在尝试使用 Framer Motion 库在单击对象时移动该对象。我希望能够将组件移动到特定位置，起始位置在哪里并不重要。我不知道如何解决这个问题。

目前，我按照文档尝试了

animate()

功能。但我只看到他们如何通过直接改变 x 和 y 位置来移动组件，例如

animate(scope.current, {x:20, y:-20}

。

如有任何帮助，我们将不胜感激。

Answer 1

更新：

问题是我试图将包含 Framer Motion 标签的 React 组件从一个 React 组件移动到另一个。不要使用

animate()

，而是将道具

layoutId

添加到 Framer 运动标签，例如

<motion.img layoutId={...}/>

。 Framer Motion 应在其打开时检测到这一点并将组件从一个组件移动到另一个组件。