Javascript Nextjs-Reactjs-Links patterns-不变冲突：React.Children.只希望接收单个React元素子元素

我在和NextJS合作。我正在做布局。在我的布局里面有一些导航组件，里面有链接。当我尝试创建带有内部锚定的链接时，我的控制台将返回我：

Nextjs-Reactjs-不变冲突：React.Children.only应为 接收单个React元素子元素的步骤

然而，这只是NextJS的经典模式，下面是我的链接的示例：

<Link href={{pathname:'/blog'}} className={style.links_items}
to="/blog"> <a title="Blog">BLOG -</a></Link>

博客-

只有当我这样做时，这才是工作：

 <Link href={{pathname:'/blog'}} className={style.links_items}
    to="/blog"> BLOG -</Link>

博客-

但后来，我得到了一个警告：

您正在

中直接使用字符串。这种用法已被广泛使用 不赞成。请添加一个

标记作为

如果有人有任何暗示，那就太好了

---

谢谢

链接中的

元素前面有一个空格。这意味着链接有两个子节点：一个文本节点（其中有空格）和
A
元素。删除空间：

<Link href={{pathname:'/blog'}} className={style.links_items}
to="/blog"><a title="Blog">BLOG -</a></Link>

博客-
如何避免数小时的谷歌搜索，谢谢你的帮助information@Webman-幸运的是，当其他人遇到这个问题时，他们会通过搜索找到你的问题和答案。：-）我在搜索中找到了这个。移除空间使其工作。我不喜欢我们不能使用空间。为什么会发生这种情况？@jackblank-因为有了空格，您指定了两个子元素：一个文本节点和一个
A
元素。这是一个空格很重要的位置。