材质界面：reactjs:Grid如何添加边距

我在material ui reactjs中有以下网格

    <Grid container direction="row" justify="flex-end" alignItems="center">
      <Grid item>
        <Paper>
          test
        </Paper>
      </Grid>
      <Grid item>
        <Paper>
          test
        </Paper>
      </Grid>
    </Grid>
    <Grid container>
      <Grid item xs>
        <Paper>
          testing
        </Paper>
      </Grid>
    </Grid>

测试
测试
测试

它显示为

现在我想在两个容器之间留出一些间隙

我试过了

    <Grid container direction="row" justify="flex-end" alignItems="center">
      <Grid item>
        <Paper>
          test
        </Paper>
      </Grid>
      <Grid item>
        <Paper>
          test
        </Paper>
      </Grid>
    </Grid>
    <Grid container m={2}>
      <Grid item xs>
        <Paper>
          testing
        </Paper>
      </Grid>
    </Grid>

测试
测试
测试

我还是一样

---

可以使用内联样式，但如果不想使用内联样式，请将它们放在另一个容器中，并在第一个容器中添加间距

<Grid container spacing={2}>
    <Grid container item xs={12} direction="row" justify="flex-end" alignItems="center">
      <Grid item>
        <Paper>
          test
        </Paper>
      </Grid>
      <Grid item>
        <Paper>
          test
        </Paper>
      </Grid>
    </Grid>
    <Grid container item xs={12}>
      <Grid item>
        <Paper>
          testing
        </Paper>
      </Grid>
    </Grid>
</Grid>

测试
测试
测试

试试：

但如果您使用MUI v5，我只想添加上边缘。只能使用设置子对象之间的间距。否则，将子项包装在
框中
并将边距设置为如下：
您的意思是将
包装在
框中
并移除
m={2}
，因为它不是
网格的有效道具
m
（边距）是一个。只有
框
支持它。好的，我只想要中间的间距，而不是侧面