如何在卡片 mui 中使用 Avatar 对象

【问题标题】：How to use Avatar object in card mui如何在卡片 mui 中使用 Avatar 对象
【发布时间】：2017-12-16 19:27:58
【问题描述】：

如何在 Card mui 中使用 Avatar 对象？目前我的代码sn-p如下：

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

它确实有效，但是

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

提前致谢。

【问题讨论】：

【解决方案1】：

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

import avatar from '<path_to_image_assset>';

并且使用是在渲染中作为

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

【讨论】：

我想使用 Avatar 属性，如大小、样式等。与 src 一起使用。所以正在看类似的东西： myAvatar = () => ( src=... size=... style=.. ) 并在卡片中使用上述内容，但不确定如何。