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

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

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

如果你正在使用样式化组件，你可以这样做:

import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import styled from 'styled-components';


const StyledLink = styled(Link)`
    text-decoration: none;

    &:focus, &:hover, &:visited, &:link, &:active {
        text-decoration: none;
    }
`;

export default (props) => <StyledLink {...props} />;

<Link />标签在呈现时基本上是<a>标签，所以你可以只写

a { text-decoration: none; }

这对我来说很有效:) 祝你好运

 a {
  text-decoration: none !important;
  color: black !important; 
  font-size: 20px;
}

在App.css中使用

对我有用的是:

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