无法在react material-ui应用程序栏中覆盖样式

问题描述

我制作了一个自定义组件，并尝试在AppBar中使用它，但是样式并未被覆盖。我使用过makeStyles钩子，当在室外使用它时，它可以正常工作，但是在AppBar和ToolBar中使用它时，我无法覆盖UI。

这是我的代码沙箱链接：https://codesandbox.io/s/inquisitorius-6l721?file=/src/Links/Links.js

解决方法

将zIndex添加到links将解决以下问题：

const useStyles = makeStyles(() => ({
  links: {
    zIndex: 0,...

,

我可以看到同样的样式也应用于AppBar中的链接，但是由于z索引为负，因此看不到下划线。