Question

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

是否可以通过这种可能的设置来实现？还是需要更改正在使用的组件？

我的代码如下：

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

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

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

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>

如何在IconMenu中使用标签

1 个答案: