Reactjs 如何在React with MUI中使用useStyles（）覆盖标记

我试图用makeStyles（）覆盖React Router的链接标记，以删除链接装饰。我是否错误地使用了makeStyles？默认文本下划线仍在显示

const useStyles = makeStyles((theme) => ({
  root: {
    display: "flex",
  },
  Link: {
    textDecoration: "none",
  },
}));

---

makeStyles

函数不会覆盖任何与Mui相关的样式定义。makeStyles的用途是为您提供一种创建新类然后使用它们的简单方法

例如：

const useStyles = makeStyles(theme => ({
    myLayout: {
        width: "auto",
        background: "red"
    }
}));
const classes = useStyles();
...
<div className={classes.myLayout}>

如果只想更改一个特定链接（而不是覆盖网站中所有链接的样式定义），可以使用

makeStyles

，然后使用

组件中的特定类：

const useStyles = makeStyles(theme => ({
    noDecoration: {
        textDecoration: "none"
   }
}));
const classes = useStyles();
...
<Link className={classes.noDecoration}>

const useStyles=makeStyles（主题=>({
节点分解：{
文本装饰：“无”
}
}));
const classes=useStyles（）；
...

注意-如果您使用的是react router dom中的

组件-这不是MUI组件，因此它不会有任何与MUI相关的类名。您可以了解如何基于MUI组件设计路由器的链路

---

非常感谢。是否有办法将我创建的muiTheme传递给整个组件，而不是将其作为标记包含？

const useStyles = makeStyles(theme => ({
    noDecoration: {
        textDecoration: "none"
   }
}));
const classes = useStyles();
...
<Link className={classes.noDecoration}>