容器内的Material-ui抽屉

问题描述

如何在reactjs的容器内设置material-ui抽屉？

我将应用程序页面包装在最大宽度为600px的容器中。我想将抽屉设置为不进入正文页面（picture）的容器。我将应用栏的位置作为绝对值来实现滚动事件，因此不想更改它。

下面是codeandBox示例代码：https://codesandbox.io/s/material-drawer-e6vrc?file=/header.js

我找到了关于它的讨论here，但是在我的示例中我没有弄清楚如何使其工作。从那我尝试过：

        ModalProps={{
          container: document.getElementById("appContainerDiv"),style: { position: "absolute" }
        }}

解决方法

Ciao，建议您将... switchMap( (action) => this.userService.getUserByEmail(action.payload).pipe(catchError(...)) ),... 的位置设置为drawerPaper，我认为您唯一可以做的就是将样式设置为：

absolute

结果将是：

请注意，此解决方案没有响应！

Here您的代码已修改。