Reactjs 如何在React中使用MaterialUI制作全宽网格项目？

如何使网格项的大小占据整个宽度？我在material ui文档中找不到它

<Grid container>
   <Grid item md={12} lg={12} spacing={0}>
      <Header/>
   </Grid>
   <Grid item md={12} lg={12}>
      <Footer styles={styles.Paper}/>
   </Grid>
</Grid>

此处包含页脚的网格没有占据整个宽度，请参见上图。

您可以将spacing属性用于网格容器

<Grid container spacing={40}>
    <Grid item xs={12} style={{paddingLeft: 0, paddingRight: 0}}>
      <Paper className={classes.paper}>xs=12</Paper>
    </Grid>
    <Grid item xs={12} sm={6}>
      <Paper className={classes.paper}>xs=12 sm=6</Paper>
    </Grid>
    <Grid item xs={12} sm={6}>
      <Paper className={classes.paper}>xs=12 sm=6</Paper>
    </Grid>
  </Grid>

xs=12
xs=12 sm=6
xs=12 sm=6

它对我很有用。

您可以将spacing属性用于网格容器

<Grid container spacing={40}>
    <Grid item xs={12} style={{paddingLeft: 0, paddingRight: 0}}>
      <Paper className={classes.paper}>xs=12</Paper>
    </Grid>
    <Grid item xs={12} sm={6}>
      <Paper className={classes.paper}>xs=12 sm=6</Paper>
    </Grid>
    <Grid item xs={12} sm={6}>
      <Paper className={classes.paper}>xs=12 sm=6</Paper>
    </Grid>
  </Grid>

xs=12
xs=12 sm=6
xs=12 sm=6

---

它对我有用。

谢谢回答人，但对我不起作用。两边还有一点空间。还有其他想法吗？你必须从左侧和右侧移除填充物。谢谢回答人，但它对我不起作用。两边还有一点空间。还有其他想法吗？你必须从左侧和右侧移除填充物