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

Question

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

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

它有效，但

  

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

提前致谢。

Answer 1

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

import avatar from '<path_to_image_assset>';

使用在渲染中作为

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