reactjs - 如何在材质 UI 中使用 withStyles 覆盖引导类

Question

我想覆盖一些引导类。目前我正在使用材质 UI 的 withStyles 我可以为我自己的类编写 Js 格式的 css。但是我想覆盖一些按钮、容器等的引导类......在材料中UI 它将动态生成类名。我可以使用 scss，但我在我的应用程序中使用主题转换器。

我除了使用材质 UI 的 withStyles 覆盖引导类。

Answer 1

通过在 js 中使用 css 的全局样式，我们可以覆盖任何第三方库的样式。

请参阅下面的链接以覆盖全局样式

https://material-ui.com/customization/globals/#global-css

Answer 2

您可以在 js 中使用模板文字：

<span className={`mt text_bold ${classes.loginTitle }`}>Login to Synapse</span>

Answer 3

用 HTML 标记包装 Bootstrap 类并为 HTML 标记编写 CSS。例子

 <div className="customButtonWrapper">        //JSX file
   <BootstrapButton></BootstrapButton>
 </div>


.customButtonWrapper {                         //CSS file
   >button {
    background-color: red !important
  }
 }