Как отключить пульсации в компоненте вкладки библиотеки Uact-материалов React

Question

Я использую компонент Tab библиотеки Material UI и хочу отключить эффект ряби по умолчанию, который он имеет. После обращения к Как отключить пульсацию в Material Design React я попытался сделать это:

const CustomTab = withStyles({
    ...
    MuiButtonBase: {
        disableRipple: true
    }
    ...
})(Tab);

, но это не сработало, пожалуйста, помогите. Заранее спасибо!

Answer 1

Вы можете отключить пульсацию по отдельности в компоненте вкладки, добавив реквизит disableRipple

<Tab disableRipple label="Item One" {...a11yProps(0)} />

Если вы включите sh, чтобы глобально отключить Ripple, вы можете переопределить тему по умолчанию, используя ThemeProvider и createMuiTheme

import Demo from "./demo";
import { createMuiTheme, ThemeProvider } from "@material-ui/core/styles";

const theme = createMuiTheme({
  props: {
    MuiButtonBase: {
      // The properties to apply
      disableRipple: true // No more ripple, on the whole application ?!
    }
  }
});

ReactDOM.render(
  <ThemeProvider theme={theme}>
    <Demo />
  </ThemeProvider>,
  document.querySelector("#root")
);

Рабочая ДЕМО