无法覆盖 react material-ui appbar 中的样式

Question

我制作了一个自定义组件，并尝试在 AppBar 中使用它，但样式没有被覆盖。我使用了 makeStyles 钩子，当我在外面使用它时它工作正常，但是当我在 AppBar 和 ToolBar 中使用它时，我无法覆盖 UI。这是我的 codeSandBox 链接：https ://codesandbox.io/s/inquisitorius-6l721?file=/src/Links/Links.js

Answer 1

添加 zIndexlinks可以解决这个问题：

const useStyles = makeStyles(() => ({

  links: {

    zIndex: 0,

    ...

Answer 2

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