Javascript 材质UI-如何将栅格容器拉伸到父级高度和宽度

问题

如果不使用

style

道具修改高度和宽度，或者使用

makeStyles/useStyles

钩子编辑样式，我无法使

网格

容器元素拉伸到其父元素的高度和宽度

我相信一定有更简单的方法。我已经创建了一个沙盒，其中包含了我想要的（用vanilla React编写）和我目前为止已经拥有的（用Material UI组件编写）

我之所以不使用常规的

Box

组件，是因为与

Grid

相比，它缺少响应性控制

示例

---

我把事情搞得太复杂了，没有意识到

盒子的威力

框
有响应。我的建议是在具有高度和宽度的项目上使用
网格
，在屏幕布局中结合使用
框

从“React”导入React；
从“@material ui/core”导入{Box}”；
导出默认函数布局（）{
返回(
);
}