Reactjs 如何将Framer Motion+样式化组件一起使用？

我想一起使用样式化组件和帧运动来设置样式和动画。。。。 我可以使用SC或FM中的变量来设置样式和动画吗

---

什么是一个例子

您应该能够将样式化函数用作任何运动组件的HOC

从样式化组件导入样式化组件； 从帧运动导入{motion}； const AnimatedDiv=styledmotion.div` 背景色：丽贝卡紫； 宽度：200px； 高度：200px； `; 这样您就可以使用组件：

---

您应该能够将样式化函数用作任何运动组件的HOC

从样式化组件导入样式化组件； 从帧运动导入{motion}； const AnimatedDiv=styledmotion.div` 背景色：丽贝卡紫； 宽度：200px； 高度：200px； `; 这样您就可以使用组件：

---

非常感谢。但我仍然不想在创建的元素/标记中添加动画语法。我想让它作为一种“变量”方式工作。你想详细说明变量方式的实际外观吗？谢谢。但我仍然不想在创建的元素/标记中添加动画语法。我想让它作为一种“变量”方式工作。你想详细说明变量方式的实际外观吗？是的，你可以，你想要的样式是什么？请详细说明，展示一些代码示例。你已经在framer文档中对组件示例进行了样式化，你希望得到什么样的答案？是的，你可以，你想要的样式是什么？请详细说明，展示一些代码示例。您已经在framer文档中设置了组件示例的样式，您希望得到什么样的答案？