<Link 
   _hover={{
      textDecoration: "none"
   }}
   >
   Logo
</Link>

这很简单。只需在<Link>标签内添加style={{textDecoration: 'none'}}

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

标准的a-link和react-link是一样的。

如果你要样式化a-link，它会自动样式化react-link。

一个{ 你想要什么造型 ｝

我只是加了两行，就为我工作了:)

{
 text-decoration: none; 
 color: black;
}

我发现这个问题，在一般情况下，没有一个答案真正解决了这个问题(例如，如果元素不是一个菜单项)。我建议:

import {useHistory} from "react-router-dom";
const MyComp = () => {
  const history = useHistory();
  return <div>
    <AnyComponent onclick={()=>history.push('/path/u/want')}
  </div>
}

下划线默认来自react-router-dom包。您可以执行以下操作来修复此问题。

<Link to="/route-path" style={{ textDecoration: 'none' }}> 
    // Rest of the code
</Link>