无法在 Material UI 中呈现 svg

Unable to render svg in Material UI

我将 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'
 },

您需要像这样导入图片

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

然后传给src

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