Material UI : 如何在头像中使用我自己的图像

Question

我想在头像中使用图片。但是我无法得到想要的结果。

这是我的项目结构。

projectname -> packages -> portal -> public -> favicon-16x16.png

      <Avatar
        src="/public/favicon-16x16.png"
        className={classes.avatar}
      />

         <Avatar
           src="packages/portal/public/favicon-16x16.png"   
           className={classes.avatar}  
         />

以上两种方式我都试过了。但不能加载以获取图像。任何帮助表示赞赏。谢谢

Answer 1

这是正确的方法：

<Avatar src={`${process.env.PUBLIC_URL}/apple-touch-icon.png`} className={classes.avatar} style={{ borderRadius: 0 }} />

谢谢@RobB

Material UI : How to use my own image in avatar