时间戳

首页 > 解决方案 > 如何使用 Avatar materialui 将图像 URL 放入 src

javascript - 如何使用 Avatar materialui 将图像 URL 放入 src

问题描述

我的图片来源是->

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 中获得图像。任何帮助表示赞赏。

标签： javascriptmaterial-ui

解决方案

Ciao，我也尝试使用Material UI 文档建议的方式，但它没有工作（我不知道为什么）。

我import以这种方式解决了使用：

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

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

这是一个代码沙盒示例。

推荐阅读