我要使用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 />
?
答案 0 :(得分:1)
象SGhaleb所说的,图标组件需要导入,但是我要补充一点,有些图标需要不同的导入。例如,像这样的import SchoolIcon from '@material-ui/icons/School'
导入了学校图标,并用<SchoolIcon />
进行了调用。
将来可能会或将来会发生更改,以使其更容易直接从@ material-ui / icons导入,例如使用ExpandMore / ExpandLess图标import { ExpandLess, ExpandMore } from '@material-ui/icons'