React Material-UI-样式标签

对于Material-UI选项卡，indicatorColor是enum: 'secondary' | 'primary'，但您可以使用或覆盖它。有关此主题的进一步讨论，请参见Tabs API和Customized Tabs Demo或mui-org / material-ui /＃11085。classesTabIndicatorProps

这是您的示例indicator，classes为白色下划线颜色覆盖并显示如何禁用波纹（请注意不同的withStyles导入语法）：

import React, { Component } from "react";
import AppBar from "@material-ui/core/AppBar/AppBar";

import Tabs from "@material-ui/core/Tabs/Tabs";
import Tab from "@material-ui/core/Tab/Tab";
import { withStyles } from "@material-ui/core/styles/";

const styles = theme => ({
  indicator: {
    backgroundColor: "white"
  }
});

class NavBar extends Component {
  render() {
    const { classes } = this.props;
    return (
      <AppBar style={styles.AppBar}>
        <Tabs classes={{ indicator: classes.indicator }} centered value={0}>
          <Tab disableRipple label="Fairness" />
          <Tab disableRipple label="Community" />
          <Tab label="Referrals" />
          <Tab label="How To Play" />
        </Tabs>
      </AppBar>
    );
  }
}

export default withStyles(styles)(NavBar);