Reactjs 如何实现全局主题以反应物料UI？

我想更改特定的材质组件样式，例如

ListItemText

，在我的情况下，我更喜欢使用

主题

变量，而不是一次性解决方案，处理应用程序中的每个材质组件

const theme = createMuiTheme({
    overrides: {
        ListItemText: {
            root: {
                color: 'red'
            }
        }
    }
});



render(
    <MuiThemeProvider theme={theme}>
        <Router history={history}>
            <Root store={store} />
        </Router>
    </MuiThemeProvider>
   ,
    document.getElementById('root')
)

const theme=createMuiTheme({
覆盖：{
ListItemText：{
根目录：{
颜色：“红色”
}
}
}
});
渲染(
,
document.getElementById（'root'））
)

我试图在官方文档（）之后覆盖

ListItemText

的颜色，但不起作用

我错过了什么

如文件所述：

如果使用

覆盖文档中主题的

键，则需要 使用以下样式表名称：

MuiListItemText

所以你的代码应该是

const theme = createMuiTheme({
    overrides: {
        MuiListItemText: {
            root: {
                color: 'red'
            }
        }
    }
});

---

源代码：

添加源代码引用：名称在此处定义。