Menu 如何在材质ui中设置菜单项的焦点

Menu 如何在材质ui中设置菜单项的焦点,menu,focus,menuitem,material-ui,Menu,Focus,Menuitem,Material Ui,我试图通过编程将焦点设置在(激活)材质ui中菜单组件内的一个菜单项上。我可以通过切换到它来手动完成,但我需要通过编程来响应按键关闭事件 <Menu disableAutoFocus={true}> <MenuItem .../> <MenuItem .../> ... </Menu> ... 您指的是通过编程方式选择菜单项吗?如果是这样,您可以使用“受控组件”的概念 举个例子, 如果this.state.selectedIte

我试图通过编程将焦点设置在(激活)材质ui中菜单组件内的一个菜单项上。我可以通过切换到它来手动完成,但我需要通过编程来响应按键关闭事件

<Menu disableAutoFocus={true}>
   <MenuItem .../>
   <MenuItem .../>
   ...
</Menu>

...

您指的是通过编程方式选择菜单项吗?如果是这样,您可以使用“受控组件”的概念

举个例子, 如果this.state.selectedItem=1,则将选择“映射”项。 如果this.state.selectedItem=2,则将选择项目“Books”

  <Menu
    selectedMenuItemStyle={ {backgroundColor: '#c00', color: '#FFFFFF'} }
    value={this.state.selectedItem}
    >
      <MenuItem primaryText="Maps" value='1'/>
      <MenuItem primaryText="Books" value='2' />
  </Menu>

您指的是通过编程方式选择菜单项吗?如果是这样,您可以使用“受控组件”的概念

举个例子, 如果this.state.selectedItem=1,则将选择“映射”项。 如果this.state.selectedItem=2,则将选择项目“Books”

  <Menu
    selectedMenuItemStyle={ {backgroundColor: '#c00', color: '#FFFFFF'} }
    value={this.state.selectedItem}
    >
      <MenuItem primaryText="Maps" value='1'/>
      <MenuItem primaryText="Books" value='2' />
  </Menu>

这可能有用这可能有用