Question

我正在尝试按照material-ui documentation使用菜单组件的selectedMenuItemStyle：

<Menu onItemTouchTap={ this.handleRequestClose } selectedMenuItemStyle={ { backgroundColor: '#c00', 'background-color': '#c00', color: '#cc0000' } } > // .... </Menu>

我尝试了属性backgroundColor和＆＃39; background-color＆＃39;和其他一些人一样，但它看起来不起作用：我错过了什么，或者是关于不存在的功能的文档？我看到在github上有一些关于它的讨论等等。

Answer 1

材质UI识别是否选择了菜单项

如果multiple为true，则为所选菜单的值数组项目。 否则，所选菜单项的值。如果提供，菜单将是一个受控组件。该组件也支持 valueLink。

以下是硬编码选择第一项的示例：

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

在实际应用中，您应该将其用作“受控组件”。为了利用这种内联风格。

material-ui中的selectedMenuItemStyle是否有效？

1 个答案: