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了解可用的颜色。