Css 为什么在使用next/Link中的链接标记时出现此错误？错误：React.Children.仅应接收单个React元素子元素

嘿，伙计们，我知道这个问题已经被问过了，但我没有得到一个合适的答案。我在使用next/link时出错。每当我用“Link”标记替换锚定标记时，我都会遇到这个错误。如果有人能帮助我，我将非常感激

代码

import {APP_NAME} from '../config';
import Link from 'next/link';

const Navbar=()=>{
    return(
        <>
    <nav className='navbar bg-success'>
        <h1>
            <Link href="/dashboard" ><i className="fas fa-code"></i><a>{App_name}</a></Link>
        </h1>
        <ul>
            <li><Link href="#"><a>Jobseeker</a></Link>
               </li>
            <li><a href="#">Community</a></li>
            <li><a href="#">Employer</a></li>
        </ul>
        <h3><a href=""><i className =""></i>Account</a>
        
        </h3>
    </nav>
         <div className="bottom-nav ">
        
        <div className="bottom-item">
            <i className="fas fa-columns text-primary "></i>
            <p className=" text-primary">Dashboard</p>
        
        </div>
        <div className="bottom-item">
            <i className="fas fa-user text-primary "></i>
            <p className=" text-primary">jobseeker</p>
        
        </div>
        <div className="bottom-item">
            <i className="fas fa-users text-primary "></i>
            <p className=" text-primary">community</p>
        
        </div>
        <div className="bottom-item">
            <i className="fas fa-user text-primary "></i>
            <p className=" text-primary">Profile</p>
        
        </div>
        
    </div>
    </>
    )
}
export default Navbar;

从“../config”导入{APP_NAME}；
从“下一个/链接”导入链接；
常量导航栏=（）=>{
返回(




仪表板

求职者

社区

配置文件
)
}
导出默认导航栏；

试试看：

<Link href="/dashboard" ><a><i className="fas fa-code"/><span>{App_name}</span></a></Link>

{App_name}

就像上面所说的错误，

只需要一个chid，而您有

和

。将

包装在

下，您应该能够解决问题。

您有

{…}

。此链接有两个相邻的子项。根据错误消息，链接需要一个子项