Reactjs 带有路由器链接的材料ui排版始终带下划线

即使选择了

underline=“none”

或

“hover”

，在向排版元素添加React Router链接时，我似乎无法摆脱下划线

从useStyles：

title: {
    display: "none",
    [theme.breakpoints.up("sm")]: {
      display: "block",
    },
  },

从渲染（排版元素位于工具栏中，不确定这是否有区别）：

你的文字在这里

在浏览器中： 似乎

没有下划线属性，但

有下划线属性。 你的文本应该是链接吗？也许你可以试试这样：

<Typography
  className={classes.title}
  variant="h6"
  noWrap
  component={Link}
  to="/"
  color="textPrimary"
>
  <Link href="#" underline="none">
    Your Text Here
  </Link>
</Typography>

你的文字在这里

似乎

没有下划线属性，但

有下划线属性。 你的文本应该是链接吗？也许你可以试试这样：

<Typography
  className={classes.title}
  variant="h6"
  noWrap
  component={Link}
  to="/"
  color="textPrimary"
>
  <Link href="#" underline="none">
    Your Text Here
  </Link>
</Typography>

你的文字在这里

您需要在CSS链接中指定以下内容：

textDecoration: "none",
boxShadow: "none"

---

您需要在CSS链接中指定以下内容：

textDecoration: "none",
boxShadow: "none"