用户资料-UI React字体图标

时间:2018-08-23 12:32:22

标签: javascript css reactjs fonts material-design

我要使用Material UI Font-Icons。在网站上说

  

Icon组件将显示任何支持连字的图标字体中的图标。作为先决条件,您必须在项目中包括一种,例如“材料”图标字体,例如通过Google Web字体:

     

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

     

图标将为“材质”图标字体设置正确的类名称。对于其他字体,必须使用Icon组件的className属性提供类名称。

     

要使用图标,只需将图标名称(字体连字)与Icon组件一起包装即可,例如:

     

<Icon>star</Icon>

     

默认情况下,“图标”将继承当前的文本颜色。 (可选)您可以使用主题颜色属性之一设置图标颜色:主要,辅助,操作,错误和禁用。

我包括了样式表。我无法使用<Icon />组件,因为未定义<Icon />。如何导入<Icon />

1 个答案:

答案 0 :(得分:1)

象SGhaleb所说的,图标组件需要导入,但是我要补充一点,有些图标需要不同的导入。例如,像这样的import SchoolIcon from '@material-ui/icons/School'导入了学校图标,并用<SchoolIcon />进行了调用。

将来可能会或将来会发生更改,以使其更容易直接从@ material-ui / icons导入,例如使用ExpandMore / ExpandLess图标import { ExpandLess, ExpandMore } from '@material-ui/icons'