我试图使用MUIgrid组件在5x5网格上呈现25个单词的列表。 5x5网格本身是一个包含五个
<Grid container direction = "row">
<Grid item xs={2} key={1}>
<Paper>
<Typography> word </Typography>
</Paper>
<Grid>
<Grid item xs={2} key={2}>
...
</Grid>
...
<Grid item xs={2} key={5}>
...
</Grid>
</Grid>
它呈现出最初预期的效果。 但是，每当组件重新呈现时，网格的宽度在每次重新呈现时逐位减小。
您的
示例
<Grid container direction = "row">
<Grid item xs={12} sm={6} md={3} lg={3} xl={2}>
<Paper>
<Typography> word </Typography>
</Paper>
<Grid>
</Grid>
此外，没有类似key的网格道具。 它是React的一个属性，用于标识映射函数中的组件。 与物料界面无关
已更新
发件人
<Grid item md={12}>
<Grid container alignItems="center" justify="center">
{wordRows}
</Grid>
</Grid>
至
<Grid item container alignItems="center" justify="center">
{wordRows}
</Grid>
