javascript - 应用运动来 react 组件 Framer-Motion

Question

我知道我可以申请motion像这样直接到元素/HTML标签:

<motion.div>some content</div>

但是我怎么能把它应用到这个上呢？

<Comp />

无需将其包装在另一个 HTML 元素中，如 React-Transition-Group图书馆。
Framer API 提供 Frame组件，但它就像具有自己样式的永久附加 HTML 元素一样，它弄乱了我的布局。

Answer 1

如果有人来这个页面寻求如何申请的解决方案motion从 Framer-Motion 库到您的 React 组件和 不是 像“div”或“span”这样的直接DOM元素，这里是:

motion.custom()

使用示例:

import { Link } from "react-router-dom"

const MotionLink = motion.custom(Link)

return <MotionLink />

至于今天， official documentation 中没有提到。 ，或者它在某个深而难以找到的地方。
我在 BUG 报告中发现了它 here ，有一个 Codesanbox这说明了我的示例，由报告错误的人创建。