在material-ui上为React.js设置容器宽度

Question

我最近开始使用React.js和material-ui库。我知道Grid使用的material-ui系统用于布局。但是，与Bootstrap不同，container从一端延伸到另一端。说，我想创建一个全局容器来容纳最大宽度为1140px的内容，正确的方法是什么？目前，我正在使用withStyles提供的material-ui，如下面的代码示例所示

import React, { Component } from 'react';
import { withStyles } from '@material-ui/core/styles';

const styles = {
  contentBody: {
    maxWidth: '1140px',
    marginLeft: 'auto',
    marginRight: 'auto'
  }
};

class ContentBody extends Component {
  render() {
    return (
      <Grid container className={this.props.classes.contentBody}>
        {this.props.children}
      </Grid>
    );
  }
}

export default withStyles(styles)(ContentBody);