我正在尝试使用固定标题，右侧应该是标签。 <Toolbar />组件负责阻止响应，但不容易延伸标签。
答案 0 :(得分：3)
问题在于Toolbar会相应地更改其高度，而Tabs和Tab组件则不会（标签在其{{1}中设置min-height为48px } class，Tab在其root类中设置高度。
幸运的是，root使用的行为在主题mixin中可用，因此您可以创建也使用此逻辑的类：
Toolbar这将创建一个具有const styles = theme => ({
fullHeight: {
...theme.mixins.toolbar,
},
});
组件中使用的响应高度逻辑的类。使用withStyles，您可以使您的组件可以访问此类：
Toolbar这将添加一个import { withStyles } from "material-ui/styles";
// ...
export default withStyles(styles)(Header);
prop，它是一个对象，包含提供给classes的对象中定义的每个类的字符串属性。您可以将withStyles组件和每个Tabs组件应用于overriding their root classes，以确保它们填满Tab：
AppBar以下是codesandbox的修改版本，其中包含上述更改。