如何忽略组件的Material UI主题样式?

小ga晃

我的按钮组件(也是材料UI组件)已经具有我想要的样式,但是当我将其与Link组件一起包围时,Link组件是react-dom-router组件,它会覆盖我的按钮的样式。如何忽略链接的默认样式?

<AppBar>
   <Toolbar>
      <Link to="/some-link">
          <Button>
              My Button
          </Button>
       </Link>
   </Toolbar>
</AppBar>
阿克塞尔·朱尼斯

将链接(<a>嵌套在按钮(<button>)内,反之亦然,这是无效的HTML。我建议您删除Button或使用react-router并添加props.history.push("/some-link")到Button onClick处理程序。像这样:

<Button onClick={() => history.push("/some-link")}>My Button</Button>

看看我制作的这个沙盒让我知道是否有帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

从 Material-UI 主题创建可以跨组件重用的样式?

在样式组件中使用 Material-ui 主题

如何使用样式化组件和Material-UI为组件设置主题?

如何在样式化组件中访问Material-ui的主题

通过主题“覆盖”配置覆盖Material-UI样式,设置NotchedOutline的样式

Material-UI,如何在打字稿中将多种样式与主题合并?

在material-ui中,如何为不同的断点设置不同的主题样式?

如何将 Material-UI 主题颜色添加到内联样式?

如何使用样式组件覆盖 material-ui css?

选中后如何覆盖Material-UI开关组件的样式?

如何从祖先覆盖嵌套的Material UI组件的样式?

如何为 Material UI TableRow 组件赋予边框样式?

从material-ui组件外部访问主题

应用自定义主题时,是否可以覆盖 Material UI 中的嵌套对象样式?

使用material-ui使用主题对象为jss样式编写空白的简写符号

如何在不使用主题的情况下自定义Material-UI的下划线样式?

如何在组件样式中应用内置主题变量的 angular-material?

无法覆盖嵌套 Material UI 组件的样式

如何覆盖深层嵌套组件的样式?(Material-UI Jss样式)

如何添加Angular Material组件的特定样式

如何将Material UI主题传递给许多“已路由”组件

如何出列子主题样式?

我的应用主题(样式)中的属性被忽略

Material-UI React:Paper组件的全局主题覆盖

React:CssBaseLine 组件在 Material UI 主题更改后不会更新

Material-UI ThemeProvider未将主题传递给组件

使用 Material-UI 的 tab 组件时,如何自定义选中的 tab 的样式?

Material UI - 如何通过 Select 组件传递样式以更改弹出菜单外观?

如何禁用样式化组件内部的material-ui按钮的悬停效果