MoreVert圖標不可見材質ui

Question

我想使用 MoreVert 圖標在我的應用程序標題上顯示注銷選項和設置選項。 我包含了像這樣的 MoreVert 圖標（如下），當我點擊圖標的假定位置時彈出窗口，但我看不到 MoreVert 圖標。 我該怎么辦？

render(){
        return (
            <header className={c.container}>
                <div className='logo'>
                    <Link to='/app'>
                        <img className='img-logo' src='/public/img/logo.png'/>
                    </Link>
                </div>
                <div className='flex-fill'/>
                <div className='user'>
                    Apurv Gandhwani
                </div>
                <IconMenu
                    iconButtonElement={
                        <IconButton><MoreVertIcon /></IconButton>
                    }
                    targetOrigin={{horizontal: 'right', vertical: 'top'}}
                    anchorOrigin={{horizontal: 'right', vertical: 'top'}}
                >
                    <MenuItem primaryText="Settings"/>
                    <MenuItem primaryText="Help"/>
                    <MenuItem onTouchTap={this.onSignOutClick.bind(this)} primaryText="Sign out"/>
                </IconMenu>

            </header>
        )
    }

Answer 1

我認為問題僅與顏色有關，請嘗試以下操作：

import {red500, greenA200} from 'material-ui/styles/colors';
<MoreVertIcon color={red500} hoverColor={greenA200} />

您可以查看： http : //www.material-ui.com/#/customization/colors了解可用的顏色。