鼠标右键单击时材料UI菜单未关闭

时间:2019-11-29 15:25:49

标签: reactjs material-ui

我有一个菜单,只需单击标签页即可打开

  ...
  <Tab 
      label={page.title}
      title={page.description}
      onMouseDown={this.pageMenuOpen}
  />
  ...

  <Menu
      id="simple-menu"
      anchorReference="anchorPosition"
      anchorPosition={{top: this.state.pageMenu.y, left: this.state.pageMenu.x}}
      open={this.state.pageMenu.open}
      onClose={this.pageMenuClose}
   >

这按预期方式工作,pageMenuOpen函数将pageMenu.open的状态更改为true,菜单打开,而且pageMenuClose将其更改为false,也可以正常工作。 Menu onClose功能在ESC上运行,并在鼠标左键单击离开菜单时运行。

是否可以通过右键单击使其运行该功能?还是在运行onClose时重写?我注意到对话框上也发生了同样的事情。

1 个答案:

答案 0 :(得分:0)

否,您无法覆盖onClose触发事件,但是您可以在https://material-ui.com/api/menu/

处查看其他事件