无法覆盖 React Material-ui 应用栏中的样式

Question

我制作了一个自定义组件，并尝试在 AppBar 中使用它，但样式没有被覆盖。我使用了 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 为负，您看不到下划线。