reactjs - 在 reactjs 中结合 SimpleBar + Drawer (MaterialUI)

Question

我正在尝试有一个简单的栏，我将在其中放置一个徽标，并在其下方放置一个抽屉。问题是当我打开抽屉时，简单的栏会随之移动。此外，我可以看到徽标文本被抽屉隐藏。

我试图将 zIndex 添加到 simpleBar 但它不起作用。我真的不熟悉反应和材料用户界面，所以不知道如何解决我的问题。

这是我的代码和框https://codesandbox.io/embed/sharp-browser-lsolr?fontsize=14，如果有人可以提供帮助。

对不起，当点击我的代码框时，你会看到一个我没有得到的错误，因为我的代码来自 material-ui，我看不出问题是什么..只需点击十字关闭它。提前谢谢了 ！

标签： reactjsmaterial-ui

Answer 1

试试这个：https ://codesandbox.io/s/sad-matsumoto-c84r8

移除了 SimpleAppBar 组件，并且修改了已经具有 AppBar 的 MiniDrawer 组件，以便一切看起来都正确，您可以将徽标放在您想要的位置。