javascript - material-ui:无法设置图标菜单的样式

Question

即使我使用 listStyle 或 menuStyle 我也无法设置 Icon Menu 的样式我只需要像这样更改位置

原来是这样

更新:

例子:

   import React from 'react';
import IconMenu from 'material-ui/IconMenu';
import MenuItem from 'material-ui/MenuItem';
import IconButton from 'material-ui/IconButton';
import MoreVertIcon from 'material-ui/svg-icons/navigation/more-vert';


const IconMenuExampleSimple = () => (
  <div>
    <IconMenu
      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
      anchorOrigin={{horizontal: 'left', vertical: 'top'}}
      targetOrigin={{horizontal: 'left', vertical: 'top'}}
      listStyle={{top: 80}} //this not work
      menuStyle={{top: 80}} //this not work
    >
      <MenuItem primaryText="Refresh" />
      <MenuItem primaryText="Send feedback" />
      <MenuItem primaryText="Settings" />
      <MenuItem primaryText="Help" />
      <MenuItem primaryText="Sign out" />
    </IconMenu>

  </div>
);

export default IconMenuExampleSimple;

Answer 1

有点晚了，但是你可以使用 anchorOrigin={{vertical: 'bottom', horizo​​ntal: 'left}};尽管如此......是的，旧版本的 material-ui 对样式来说是一种痛苦，menuStyle 只是将样式添加到深层嵌套的 div，而不是菜单本身。