如何使用 Avatar Material ui 将图像 URL 放入 src

Question

我的图片来源是 ->

src/assets/images/doctor1.jpg

我想在这里使用该图像->

src/components/docNotes/docNotes.js

在我尝试过的 docNotes.js 文件中 ->

<Avatar className={classes.avtar} alt="Remy Sharp" src={'../../assets/images/doctor1.jpg'} />

我一直在玩这几个小时，但无法在 Avatar 中获得图像。任何帮助表示赞赏。

Answer 1

Ciao，我也尝试使用Material UI docs 建议的方式，但它不起作用（我不知道为什么）。

我用import这样解决了：

import mia from "./src/assets/images/mia.png";

export default function MyAvatar(props) {
  return <Avatar src={mia} />;
} 

Here 一个代码框示例。