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

标签 reactjs create-react-app

我已经安装了一个干净的 create-react-app,我想添加我自己的 svg 图像来显示,与 Logo 的显示方式相同,即:

import logo from './logo.svg';

{logo}

但是,当我以与导入 Logo 相同的方式导入自己的 svg 并尝试使用它时,它会在屏幕上打印如下网址:

 /static/media/menu.92677579.svg 

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

最佳答案

当你写{logo}时您只是嵌入一个 URL。 如果您想显示图像,请使用 <img>像默认模板 does 一样标记.

<img src={logo} alt="My logo" />

希望这有帮助!

关于reactjs - 如何添加我自己的 Svg 图像,就像 Create-React-App 中默认显示的 Logo 一样,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42303813/

相关文章:

javascript - 记录 Javascript/React

reactjs - React Enzyme 找到第二个(或第 n 个)节点

html - 用于测试 React 应用程序的 jest/enzyme 不提供页面标题,如何获取标题?

reactjs - 将绝对路径添加到由 "Create React App"创建的应用程序

create-react-app代理仅适用于访存api,不适用于浏览器的简单获取

reactjs - 如何避免 create-react-app 的缓存

javascript - 我的意外 token 错误发生在哪里?

reactjs - 如何在react-admin上实现忘记密码页面

reactjs - 我的 React 应用程序正在使用 .env 文件中的值而不是 .env.local 文件

javascript - 动态添加一个 prop 到 ReactJS 对象