reactjs - 为什么在 Material-UI Avatar 组件的浏览器中没有显示图像？

Question

我正在使用 Material-UI Avatar React 组件来显示个人资料图像。编译时可以到达镜像，编译时没有错误。但是浏览器中没有显示图片。

Please check this image to better understand

代码:

import {avatar} from '../../images/avatar.png';

<Box component='div'>
     <Avatar src={avatar} alt="Russel Crow"/>
</Box>

请告诉我为什么图片没有在浏览器中显示以及如何显示？

Answer 1

你使用了命名导入，试试这样:

import avatar from '../../images/avatar.png'