Javascript NextJS链接不是'；t呈现锚定标记

我使用的是React+NextJS，我试图呈现一个产品列表，就像你在典型的电子商务分类页面上看到的一样。每个产品都位于一个

p

中，并且

p

应该链接到相应的详细信息页面（因此它应该被一个锚

a

标签包围）

不幸的是，链接可以工作，但它们不能呈现实际的锚标记。有人能解释我遗漏了什么吗

场景A：普通文本链接（按预期工作）

---

输入：

<Link href="wherever">word holmes</Link>

<Link href="wherever">
    <p>word holmes</p>
</Link>

<Link href="wherever">
    <a>
        <p>word holmes</p>
    </a>
</Link>

输出：

<a href="wherever">word holmes</a>

<p>word holmes</p>

<a href="wherever"><p>word holmes</p></a>

• 好吧，这很管用，但感觉有点不舒服
• 为什么这样做有效？这是“正确”的方法吗

---

根据

，如果子项是字符串，则会自动添加一个

标记。否则它只返回子对象。因此，在您的例子中，子项是一个

p

标记，因此返回的就是这些。看起来你可以把它包装在一个

a

标记中，这样应该可以工作。

根据

a

标记会自动添加，如果子项是字符串。否则它只返回子对象。因此，在您的例子中，子项是一个

p

标记，因此返回的就是这些。看起来你可以把它包装在一个

a

标签中，这应该可以用。

谢谢@Bafsky，我没想到要检查源代码的原因，好主意：）谢谢@Bafsky，我没想到要检查源代码的原因，好主意：）

<a href="wherever"><p>word holmes</p></a>