使用create-react-app,您可以使用内置的SVGr直接将svg作为React组件导入,如下所示:(also described here)
import { ReactComponent as Close } from 'icons/close.svg';
我正在使用新的Framer Motion API来处理动画,但是它需要在标签之前加上motion
,从而产生<motion.tag>
。
我希望能够使用内置的SVGr功能,但仍然能够对svg进行动画处理,因此我需要以某种方式将这些标签从<svg>
转换为<motion.svg>
。
我已经浏览了SVGr docs和Create-React-App文档,但没有找到所需的文档。任何帮助将不胜感激,即使它只是一种有效的选择。