材质ui头像显示损坏的本地图像

Question

<Avatar style={{
        width: 40,
        height: 40,
        float: 'left',
        objectFit:'cover',
        backgroundColor:'#aa0000',
      }} src='./image/head.png'/>

化身显示的图像残破，我不知道为什么吗？任何人有帮助。

Answer 1

imprt AvatarBg from './image/head.png'

<Avatar src={AvatarBg}/>

使用了最重要的代码后