我有以下内容：
如何摆脱蓝色下划线？代码如下：
<Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link>
MenuItem组件来自http://www.material-ui.com/#/components/menu
任何见识或指导将不胜感激。先感谢您。
如何摆脱React Router的Link组件的下划线？
What worked for me is this:
<Link to="/" style={{boxShadow: "none"}}>
// CSS
.navigation_bar > ul > li {
list-style: none;
display: inline;
margin: 2%;
}
.link {
text-decoration: none;
}
// JSX
<div className="navigation_bar">
<ul key="nav">
<li>
<Link className="link" to="/">
Home
</Link>
</li>
</ul>
</div>
您的App.css（或对应版本）中包含核方法
a{
text-decoration: none;
}
这可以防止对所有<a>标签加下划线，这是此问题的根本原因
Only this worked for me