next.js 链接中缺少 href

Question

当我将文本包装到 Link 时，我在 dom 中缺少 <a href（但链接有效）。

对seo有好处吗？ seo机器人怎么知道有链接？

import Link from 'next/link'
.
.
.
<Link href="/about">
  About us
</Link>

浏览器中的Dom：

About us

浏览器中的 dom 除外（我这边）：

<a href='/about'>
About us
</a>

Answer 1

您需要添加a 标签。来自documentation：

import Link from 'next/link'

function Home() {
  return (
    <ul>
      <li>
        <Link href="/">
          <a>Home</a>
        </Link>
      </li>
      <li>
        <Link href="/about">
          <a>About Us</a>
        </Link>
      </li>
    </ul>
  )
}

export default Home