Material UI，React和样式化一些（而非全部）组件

Question

我有一个数据表，使用材料UI在React中输出类似的东西。

<button class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary Mui-selected MuiTab-fullWidth" tabindex="0" type="button" role="tab" aria-selected="true">
    <span class="MuiTab-wrapper">ASIC Notification</span>
    <span class="MuiTouchRipple-root"></span>
</button>

Material UI内容的相当标准输出。 我通过将我的应用程序包装在此来设置这个素材UI内容的样式

const theme = createMuiTheme({
    MuiTab: {
        textColorPrimary: {
            color: "white !important" //White tab text color
        },
        '&$selected': {
            color: "#182033 !important" //Dark tab text select color
        }
    }
}

这可以根据需要改变样式。 但是每当我import MUIDataTable from "mui-datatables";使用MUI Datatable import MUIDataTable from "mui-datatables"; 他们都分享这些课程，我需要设计第二个不同的风格; y。

如何命名表，以便只有该表受某些样式影响？

谢谢

Answer 1

我想知道同样的事情，就不同的风格而言，Material UI为大多数组件提供了color道具，可以切换组件的主题样式，但是没有明确的文档说明如何使用自己的主题颜色扩展这些API例如， primary secondary facebook danger你有什么。