Reactjs 如何在MuiThemeProvider标记中使用样式包装组件？

我正在使用以下命令创建AppBar：

导航栏组件：

const styleSheet = createStyleSheet('Navbar', {});

function Navbar(props) {

  return (
      <div>
        <AppBar position="static">
          <Toolbar>
            <IconButton color="contrast" aria-label="Menu">
              <MenuIcon />
            </IconButton>
            <Typography type="title" color="inherit" >Title</Typography>
            <Button color="contrast">Login</Button>
          </Toolbar>
        </AppBar>
      </div>
  );
}

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

// Now applying the (empty) style:    
const StyledNavbar = withStyles(styleSheet)(Navbar);

constylesheet=createStyleSheet（'Navbar'，{}）；
功能导航栏（道具）{
返回(
发挥它的魔力。
您需要像这样渲染
StyledNavbar
组件：

<MuiThemeProvider>
    <div>
        <StyledNavbar/>
    </div>
</MuiThemeProvider>

您需要像这样渲染
StyledNavbar
组件：

<MuiThemeProvider>
    <div>
        <StyledNavbar/>
    </div>
</MuiThemeProvider>

呈现这样的组件可能会有所帮助
从“材质ui/样式”导入{withStyles，createStyleSheet}；
从“物料ui/AppBar”导入AppBar；
从“材质ui/样式”导入{MuiThemeProvider}；
呈现这样的组件可能会有所帮助
从“材质ui/样式”导入{withStyles，createStyleSheet}；
从“物料ui/AppBar”导入AppBar；
从“材质ui/样式”导入{MuiThemeProvider}；
试试这个：
@MayankShukla就是这样！试试这个：
@MayankShukla就是这样！
<div data-react-class="Layout" data-react-props="{}"></div>

<MuiThemeProvider>
    <div>
        <StyledNavbar/>
    </div>
</MuiThemeProvider>