将create-react-app svgr配置中的<svg>标签更改为<motion.svg>标签以支持Framer Motion API?

时间:2019-08-15 22:00:20

标签: reactjs svg create-react-app framer-motion

使用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文档,但没有找到所需的文档。任何帮助将不胜感激,即使它只是一种有效的选择。

0 个答案:

没有答案