React+Material-UI 布局问题，失去功能

Question

我是 react 和 material-UI 的新手。我正在尝试建立一个带有反应的内部网页。

对于仪表板，我想使用 Material-UI 中的主题，但将其拆分为不同的组件。

• 主题：https://material-ui.com/getting-started/templates/dashboard/
• 来源：https://github.com/mui-org/material-ui/tree/master/docs/src/pages/getting-started/templates/dashboard

因此，我开始将不同的部分拆分为不同的组件。 <TopMenu />中的AppBar和<LeftDrawer />中的Drawer，主要Content放到<Dashboard />中

如果这样做，内容组件将不会在扩展抽屉时调整大小。我究竟做错了什么？

我将我的来源上传到https://codesandbox.io/s/festive-euler-ftjen

如果有人能解释我的错，那就太好了……

谢谢:)

Answer 1

你必须设置position: 'relative'抽屉的容器，这里是沙盒链接。 https://codesandbox.io/s/elegant-bassi-02k6e