如何在IconMenu中使用标签

Question

我正在使用带有IconButton和图标的IconMenu。我想在“NavigationExpandMoreIcon”之前有一个标签。

在这种可能的设置中可以实现吗?或者我需要更改我正在使用的组件吗？

我的代码看起来像这样：

<IconMenu
            iconButtonElement={
              <IconButton touch>
                <NavigationExpandMoreIcon />
              </IconButton>
            }

            onItemClick={this.handleClick}
          >
            {options}
          </IconMenu>

我正在使用material UI 0.20和React 16，我还有material ui 3.7 (因此，如果需要，我可以升级组件)

Answer 1

我认为您可以使用iconButtonElement选项进行自定义，它是accept节点。

<IconMenu
            iconButtonElement={
              <React.Fragment>
               //Use styles based on your need for label component...
               <label>Your Label here</label>
              <IconButton touch>
                <NavigationExpandMoreIcon />
              </IconButton>
              </React.Fragement>
            }

            onItemClick={this.handleClick}
          >
            {options}
</IconMenu>