无法在 Material UI 中呈现 svg

Question

我将 Material-UI 与 create-react-app 一起使用，但无法在抽屉 header 中呈现 .svg 文件。我得到了损坏的图像渲染，而不是我期待的 .svg。任何帮助将不胜感激。谢谢！

<DrawerHeader>
  <div>
      <Icon classes={{root: classes.iconRoot}}>
          <img className={classes.imageIcon} src="/assets/logo.svg"/>
      </Icon>

  </div>
</DrawerHeader>

 imageIcon: {
    display: 'flex',
    height: '100%',
    width: 'inherit'
 },
 iconRoot: {
     textAlign: 'center'
 },

Answer 1

您需要像这样导入图片

import Img from '../../logo.svg'

然后传给src

 <img className={classes.imageIcon} src={Img} />

无法在 Material UI 中呈现 svg

Unable to render svg in Material UI

css

material-ui

create-react-app