Reactjs 是否可以在材质ui Appbars中添加字幕？

材质UI的AppBar提供了标题属性，但没有副标题属性。我想在标题下添加一些较小的文字，但我还没有找到一种方法。添加一个
标记会隐藏超过该标记的任何内容，将该区域中任何内容的“显示”属性更改为“块”也会隐藏该内容。我能找到的唯一解决方案是相当严重地损坏组件（基本上忽略title属性并劫持宽度为100%div的AppBar，这并不理想）。有人找到更好的方法吗？谢谢

您必须将标题和副标题作为

AppBar

组件的

title

道具传递给

node

，并使用

titleStyle

道具调整CSS

---

第二个选项-将

节点

作为

子项

道具传递

您可以在

标题

道具中放置所需的任何HTML/组件

titleStyle

可用于调整最外层的元素（我在下面使用它来覆盖默认情况下

AppBar

添加到最外层

的“行高：64px”）：

类示例扩展了React.Component{
render（）{
返回(
);
}
}

titleStyle={{lineHeight:'normal'}}是我所缺少的。现在工作得很好。谢谢

class Example extends React.Component {
  render() {
    return (
      <AppBar
        titleStyle={{ lineHeight: 'normal' }}
        title={
          <div>
            <div style={{ marginTop: 10 }}>Title of My App</div>
            <div style={{ fontSize: 'small', fontWeight: 300 }}>This is the subtitle</div>
          </div>
        }
      />
    );
  }
}