我第一次使用MUI来学习一些react。我想知道为什么要将Box组件与Grid组件沿着使用。在docs中，它将此作为示例显示

export default function BasicGrid() {
  return (
    <Box sx={{ flexGrow: 1 }}>
      <Grid container spacing={2}>
        <Grid xs={8}>
          <Item>xs=8</Item>
        </Grid>
        <Grid xs={4}>
          <Item>xs=4</Item>
        </Grid>
        <Grid xs={4}>
          <Item>xs=4</Item>
        </Grid>
        <Grid xs={8}>
          <Item>xs=8</Item>
        </Grid>
      </Grid>
    </Box>
  );
}

我删除了Box组件，将所有 prop 应用到最外面的Grid，我认为一切看起来都一样。用Box Package Grid组件有什么好处吗？如果能提供帮助，那就太好了！
取出最外层容器似乎没有任何作用