react svg 使用

2022-05-18  本文已影响0人  想溜了的蜗牛

一般引入方法如下:

import { ReactComponent as Logo } from 'logo.svg';

......
<img src={logo} />
......

但编译时有会有警告如下:
Attempted import error: 'ReactComponent' is not exported from 'logo.svg' (imported as 'Logo').
修改如下即可:

import { default as LogoImg } from 'assets/images/michaels-logo.svg';

refer: react-svg-import-as-a-component-does-not-render

上一篇 下一篇

猜你喜欢

热点阅读