Material ui 使用iconClassName到材质ui浮动操作按钮

如何使用FloatingActionButton的“iconClassName”道具在其内部显示图标？我知道如何以这种方式分配图标：

import IconMenu from 'material-ui/svg-icons/navigation/menu'
...
<FloatingActionButton>
    <IconMenu />
</FloatingActionButton>

从“材质ui/svg图标/导航/菜单”导入图标菜单
...

但我不想这样做。根据文档，我可以使用“iconClassName”道具来分配图标

我已在HTML文件中包含指向材质图标的链接：

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

但现在，无论我如何分配图标名称，它都不会显示。我使用破折号尝试了以下组合：

<FloatingActionButton iconClassName='menu' />
<FloatingActionButton iconClassName='navigation-menu' />
<FloatingActionButton iconClassName='material-icons-menu' />
<FloatingActionButton iconClassName='material-icons-navigation-menu' />

或加下划线：

<FloatingActionButton iconClassName='navigation_menu' />
<FloatingActionButton iconClassName='material_icons_menu' />
<FloatingActionButton iconClassName='material_icons_navigation_menu' />

---

它们都不起作用。正确的方法是什么？谢谢。

我想最好的方法是这样使用它：

<FloatingActionButton>
  <FontIcon className="material-icons">home</FontIcon>
</FloatingActionButton>

家

如果定义了iconClassName，FloatingActionButton仍会在其中呈现一个FontIcon。但它只应用类名，不设置任何连字。我不确定这是否是材质ui中的错误

---

谢谢。除了

iconClassName

之外，我在使用它时没有遇到任何其他问题，所以我不确定这是怎么回事。正如你所说，这可能是一个错误。