如何添加我自己的Svg图像就像Logo默认显示在Create-React-App中

lin*_*new 6 reactjs create-react-app

我有一个干净的create-react-app安装,我想添加自己的svg图像来显示,就像显示徽标一样,即:

import logo from './logo.svg';

{logo}
Run Code Online (Sandbox Code Playgroud)

然而,当我导入自己的svg时,与导入徽标的方式相同并尝试使用它,它会在屏幕上打印这样的URL:

 /static/media/menu.92677579.svg 
Run Code Online (Sandbox Code Playgroud)

相反或渲染图像,有人可以帮我解决这个问题吗?

Dan*_*mov 11

当你写信时,{logo}你只是嵌入了一个URL.如果你想显示的图像,使用<img>像默认的模板标签.

<img src={logo} alt="My logo" />
Run Code Online (Sandbox Code Playgroud)

希望这可以帮助!

  • 如果我更喜欢文档中的`<svg>`标记而不是`<img>`标记怎么办?还是不推荐? (3认同)