Javascript Next.js:Error:React.Children.仅应接收单个React元素子元素

我在

components

目录中有一个名为

Nav

的组件，它的代码如下：

import Link from 'next/link';

const Nav = () => {
    return(
        <div>
            <Link href="/">  <a> Home </a> </Link>
            <Link href="/about"> <a> About </a>  </Link>
        </div>
    )
}

export default Nav;

从“下一个/链接”导入链接；
常量导航=（）=>{
返回(
)
}
导出默认导航；

这给了我一个错误：

错误：React.Children.仅应接收单个React元素子元素。

但是，如果我删除

组件中的

标记，我可以查看页面，但在控制台中，我会收到以下警告：

警告：您正在直接在内部使用字符串。这种用法已被弃用。请将标签添加为的子项

---

那么我做错了什么呢？

这个问题是由于

标记和

关于

更改原因：

->

只能有一个子节点，此处

链接

和

标记之间的空间被视为子节点

->因此，有两个子节点（一个是空格，另一个是
标记）无效，因此会发生这种错误

看起来不错。你确定你在这里而不是其他地方收到了子错误。请删除
链接
标记和
a
标记之间的空格。。比如说，
哇，谢谢@ManirajMurugan，它解决了这个问题。但奇怪的是，有一个空间导致了这个问题。现在我甚至尝试在不同的行中使用s，这也没有引起任何问题。无论如何，谢谢：）@AshanPriyadarshana，下一行不被视为空格，但如果两个标记之间都有空格，则将其视为子节点。。张贴答案，并解释删除…之间空白的原因。。希望有帮助。我在Link标签中有一条评论，然后被认为是子节点，破坏了我的整个应用程序。奇怪的东西…在我的例子中，我认为罪魁祸首是标签后面的一个空格，后面是一张便条：（
{/*所以这是…*/}
）谢谢。那些
/
和
标记没有起作用，trickI能够用这个解决方案解决它，但是我仍然需要更多的澄清，为什么空间被视为子节点。
        <div>
            <Link href="/"><a> Home </a></Link>
            <Link href="/about"><a> About </a></Link>
        </div>