在reactjs中组合SimpleBar +抽屉(MaterialUI)

Question

我正在尝试有一个简单的酒吧，我将在其中放置一个标志，并在下面，一个抽屉。问题是，当我打开抽屉时，简单的条形图也随之移动。此外，我可以看到标志文字隐藏在抽屉里。

我曾尝试将zIndex添加到simpleBar中，但它不起作用。我真的不熟悉react和material ui，所以不知道如何解决我的问题。

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

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

Answer 1

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

SimpleAppBar组件已被删除，已具有AppBar的MiniDrawer组件已被修改，以便一切正常，您可以将徽标放在您想要的位置。