【问题标题】:Unable to add svg icon to CardHeader in Material UI无法在 Material UI 中将 svg 图标添加到 CardHeader
【发布时间】:2018-01-06 16:58:11
【问题描述】:

我使用的是 materi-ui 版本 V0.18.7。

我正在尝试将编辑 svg 图标添加到 CardHeader,但它没有出现。我试图弄清楚为什么它没有出现但没有运气。

import {Card, CardActions, CardHeader, CardMedia, CardTitle, CardText} from 'material-ui/Card';
import Edit from 'material-ui/svg-icons/Editor/mode-edit';

<Card>
                     <CardHeader
                          title="Without Avatar"
                          subtitle="Subtitle"
                          openIcon={<Edit />}
                        />

                    <CardText>
                      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                      Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.
                      Donec vulputate interdum sollicitudin. Nunc lacinia auctor quam sed pellentesque.
                      Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
                    </CardText>


                  </Card>

【问题讨论】:

    标签: reactjs material-ui


    【解决方案1】:

    试试这个:

    import Edit from 'material-ui/svg-icons/editor/mode-edit';
    ...
    <CardHeader
      title="Without Avatar"
      subtitle="Subtitle"
      actAsExpander={true}
      showExpandableButton={true}
      openIcon={<Edit />}
      closeIcon={<Edit />}
    />
    ...
    <CardText expandable={true}>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2023-03-07
      • 2020-08-23
      • 1970-01-01
      • 1970-01-01
      • 2023-03-11
      • 2020-02-11
      • 2020-09-27
      相关资源
      最近更新 更多