如何为React Material UI实现全局主题？ListItemText样式未生效求助

你遇到的问题核心是组件名称的命名规范——在Material-UI的theme overrides配置中，所有组件都需要以Mui作为前缀，而非直接使用组件的导出名称。

你的代码里写的ListItemText是组件的导入/导出名，但在主题覆盖的配置里，必须使用官方定义的组件键名（以Mui开头），也就是MuiListItemText。

修正后的代码示例： #

const theme = createMuiTheme({
  overrides: {
    // 注意这里是MuiListItemText，不是ListItemText
    MuiListItemText: {
      root: {
        color: 'red'
      }
    }
  }
});

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

额外注意点： #

• 确保MuiThemeProvider确实包裹了所有需要应用该主题的组件（从你的代码看已经满足，但如果Root内部还有嵌套的主题提供者，可能会覆盖当前主题）。
• 如果你使用的是Material-UI v5及以上版本，createMuiTheme和MuiThemeProvider已被替换为createTheme和ThemeProvider，但核心的overrides命名规则依然一致（组件名前缀Mui）。

内容的提问来源于stack exchange，提问作者ton1