reactjs - 如何在 IconMenu 中使用标签

Question

我将 IconMenu 与 IconButton 和 Icon 一起使用。我想在“NavigationExpandMoreIcon”之前有一个标签。

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

我的代码如下所示：

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

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

我正在使用材料 UI 0.20 和 React 16 我也有材料 ui 3.7（所以我可以升级组件，如果需要）

标签： reactjsmaterial-uiiconmenu

Answer 1

我认为您可以使用 iconButtonElement 选项自定义它是接受节点..

<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>