如何去掉 React Router 的 Link 组件的下划线？

Question

我有以下内容：

我如何摆脱蓝色下划线？

代码如下：

<Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link>

MenuItem 组件来自 http://www.material-ui.com/#/components/menu

原文由 Jo Ko 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我看到您正在使用内联样式。 textDecoration: 'none' 在孩子中使用，实际上它应该在里面使用 <Link> 这样：

 <Link to="first" style={{ textDecoration: 'none' }}>
  <MenuItem style={{ paddingLeft: 13 }}>Team 1</MenuItem>
</Link>

<Link> 基本上会返回一个标准 <a> 标签，这就是我们在那里应用 textDecoration 规则的原因。

原文由 Grgur 发布，翻译遵循 CC BY-SA 4.0 许可协议