Reactjs Can'；在我的子组件中看不到我的自定义主题

我有一个名为app的输入组件：

const theme = createMuiTheme({
  palette: {
    primary: {
      main: '#ff4400',    
    },
    secondary: {
      main: '#0044ff',
    },
  },
});

class App extends Component {

  render() {
    return (
       <MuiThemeProvider theme={theme}>
       <Main>
        <CssBaseline />
         ...loading
      </Main>
      </MuiThemeProvider>
    );
  }
}

export default App;

const theme=createMuiTheme({
调色板：{
主要：{
main:“#ff4400”，
},
中学：{
main:“#0044ff”，
},
},
});
类应用程序扩展组件{
render（）{
返回(
…装载
);
}
}
导出默认应用程序；

在这里，我创建了一个主题，并使用MuiThemeProvider将其发送到我的子组件

主要组件如下所示：

const styles = theme => ({
  titleText: {
    color: theme.palette.primary,
  }
});



function Main(props) {
  const { classes } = props;

  return (
    <React.Fragment>
      <Typography align="center" variant="title" className={classes.titleText}> Some Text </Typography> 
    </React.Fragment>
  );
}

Main.propTypes = {
  classes: PropTypes.object.isRequired,
};


export default withStyles(styles, {withTheme:true})(Main);

constyles=theme=>({
标题文字：{
颜色：theme.palete.primary，
}
});
主功能（道具）{
常量{classes}=props；
返回(
一些文本
);
}
Main.propTypes={
类：PropTypes.object.isRequired，
};
使用样式导出默认值（样式，{withTheme:true}）（主）；

我希望文本“Some text”的颜色为#ff4400，但事实并非如此，它是materialui附带的默认颜色。为什么主题的原色没有给子组件中的文本着色？

更改

   color: theme.palette.primary, 

到

---

在主组件中

color:theme.palete.primary应该是color:theme.palete.primary.Main，不是吗？哇。我是这个星球上最笨的人。我整个星期天都在这上面。这就是问题所在。谢谢NP有时，我们都会犯愚蠢的错误：）我补充道。

   color: theme.palette.primary.main