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

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

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

style={{ backgroundImage: "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>

对我有用的是:

<Link to="/" style={{boxShadow: "none"}}>

Just

<Link
   to={`$path`}
   style={{ borderBottom: "none" }}> 
    .... 
</Link>