为什么我在使用next/Link的Link标签时出现这个错误?错误:React.Children.o只应接收单个Reac

Question

嘿，伙计们，我知道这个问题已经被问过了，但我没有得到合适的答案。我在使用next/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;

Answer 1

试试看：

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

Answer 2

就像上面所说的错误一样，<Link>只需要一个chid，而您有<li>和<a>。将<a>封装在<li>下，您应该能够解决问题。