如何使用网格材质ui？

Question

我有一个组件，其网格如下所示： 组件区域：

<Grid container spacing={10} >
        <Grid item xs={4} ></Grid>
        <Grid item xs={4} ></Grid>
        <Grid item xs={4} ></Grid>
        <Grid item xs={4} ></Grid>
        <Grid item xs={4} ></Grid>
</Grid>

而且我在另一个组件中使用了这个组件，它也有一系列网格..组件地址：

  <Grid container  spacing={10}>
        <Grid item>
          <form >
            <Region></Region>
            <Grid container spacing={10}> 
            <Grid item xs={4} ></Grid>
            </Grid>
          <form >
        </Grid>
    </Grid>

我想要的是这个网格是其他网格的延续，但对我来说它转到下一行。 我应该怎么做才能在以下组件区域的地址组件中获取网格？

Answer 1

您需要将所有网格项放在同一个网格容器中。所以：

1. 移除最上面的容器和物品，因为你只有一个物品而且没有意义。
2. 从Region组件中移除容器并使用片段
3. 从地址
中移除容器

地区：

<>
    <Grid item xs={4}>1</Grid>
    <Grid item xs={4}>2</Grid>
    <Grid item xs={4}>3</Grid>
    <Grid item xs={4}>4</Grid>
    <Grid item xs={4}>5</Grid>
</>

表格：

<form>
    <Grid container spacing={10}>
        <Region />
        
        <Grid item xs={4} >6</Grid>
    </Grid>
</form>