我的按钮组件(也是材料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] 删除。
我来说两句