如何在ant design Avatar中添加自定义图像/图标？

Question

在Ant设计版本4中，Avatar Absolute链接图像有效，但相对链接图像无效？

此绝对链接下方有效

<Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />

但是相对链接不起作用，如下所示

<Avatar src="./icons/user.png" />

Answer 1

对于本地资源，您必须依靠webpack文件加载器，原因是webpack会四处移动东西，我不知道您使用的是CRA还是webpack，但通常是]]

import userPng from './icons/user.png';

<Avatar src={userPng} />