javascript - MoreVert图标不可见 Material 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对于可用的颜色。