实质性UI，React和样式化某些而非全部组件

Question

我有一个数据表，该数据表在React中使用材质UI输出类似的内容。

<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
        }
    }
}

这可以根据需要更改样式。但是，每当我使用MUI数据表import MUIDataTable from "mui-datatables";时，它们都共享这些类，因此我需要为第二种样式设置不同的样式； y。

如何为表命名空间，以便仅以某些样式影响该表？

谢谢

Answer 1

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