Material-ui网格中行之间自定义间隔的最佳方法是什么？

Question

在material-ui中的网格中的某些行之间具有间距的最佳方法是什么？

例如，给定以下带有spacing={0}的网格。

GridContainer
row1    GridItem GridItem
row2    GridItem GridItem
row3    GridItem GridItem
row4    GridItem GridItem

目标是具有相同的网格，间距为0，但在第2行和第3行之间具有自定义间距

GridContainer
row1    GridItem GridItem
row2    GridItem GridItem

row3    GridItem GridItem
row4    GridItem GridItem

我试图将mt={2)放到第三行的GridItems中，但是它不起作用。我通过通过className属性传递的自定义类实现了该行为，尽管我不确定这是否是最好的方法。

欢呼声

Answer 1

<Grid container layout={"row"} spacing={10} >
   <Grid item xs={12} md={3}>
      <div style={{height: "100%", paddingTop: 5}}>add your component here</div>
   </Grid>
</Grid>