如何在卡mui中使用头像对象

Question

如何在卡mui中使用头像对象？目前我的代码片段如下：

mycard = () => (
<Card>
    <CardHeader
        title="RamPriya"
        avatar="https://scontent.fmaa3-1......"
    />
</Card>
)

它有效，但是

我想使用Avatar对象，而不是在myCard中指定图像中的“avatar”。我宁愿在Avatar对象中设置图像源并将Avatar对象指向'avatar'。

提前致谢。

Answer 1

将要使用的.png或.jpg下载到项目的文件夹中，然后将其导入为

import avatar from '<path_to_image_assset>';

并且使用在渲染中

<CardHeader
    title="RamPriya"
    avatar={avatar}
/>