iconClassNameをmaterial-ui FloatingActionButtonに使用

Question

FloatingActionButtonの 'iconClassName'小道具を使用してその中にアイコンを表示するにはどうすればよいですか？私はこの方法でアイコンを割り当てる方法を知っています：

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

しかし、それは私がそれをしたいのではありません。ドキュメントによると、 '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' /> 

なしに動作しません。これを行う正しい方法は何ですか？ありがとう。

Answer 1

私は、好ましい方法はこのようにそれを使用することであると思う：

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

iconClassNameがFloatingActionButtonはとにかくそれ内部FontIconをレンダリング定義されている場合。しかし、それはclassNamesを適用するだけで、合字を設定しません。これが材料のバグかどうかはわかりません。

https://google.github.io/material-design-icons/