material-ui网格内的居中组件

import { Grid } from '@material-ui/core';

<Grid container justify="center" alignItems="center">
  {/* 居中的组件 */}
</Grid>

import { Grid } from '@material-ui/core';

<Grid container>
  <Grid item xs={12} sm={6} md={4} lg={3} justify="center" alignItems="center">
    {/* 居中的组件 */}
  </Grid>
</Grid>

import { Grid } from '@material-ui/core';

const styles = {
  center: {
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
  },
};

<Grid container>
  <Grid item xs={12} sm={6} md={4} lg={3} style={styles.center}>
    {/* 居中的组件 */}
  </Grid>
</Grid>