在 reactjs 中结合 SimpleBar + Drawer (MaterialUI)

Question

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

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

这是我的密码箱https://codesandbox.io/embed/sharp-browser-lsolr?fontsize=14，如果有人可以帮忙的话。

对不起，当点击我的代码框时，你会看到一个我没有收到的错误，因为我的代码来自 material-ui，我看不出问题所在。只需点击交叉关闭它。 非常感谢！

Answer 1

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

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