无法在反应 material-ui appbar 中覆盖 styles

Question

我制作了一个自定义组件，并尝试在 AppBar 中使用它，但 Styles 没有被覆盖。 我使用了 makeStyles 钩子，当我在外面使用它时它工作正常，但是当我在 AppBar 和 ToolBar 中使用它时，我无法覆盖 UI。

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

Answer 1

将 zIndex 添加到links将解决该问题：

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

Answer 2

我可以看到 AppBar 中的链接也应用了相同的样式，但是由于 z-index 为负，您看不到下划线。