链接组件

在网站上的页面之间链接时，请使用 HTML 标记。<a>

在"Next.js"中，使用"来自下一个组件/链接“来包装标记。允许您执行客户端导航到应用程序中的其他页面。Link``````<a>``````<Link>

首先，打开，然后通过在顶部添加以下行从 next/link 导入组件：pages/index.js``````Link

import Link from ’next/link’

然后找到如下所示的标记：h1

`Learn Next.js!`

并将其更改为：

{' '}添加一个空格，用于将文本分成多行。

接下来，打开其内容并将其替换为以下内容：pages/posts/first-post.js

import Link from ’next/link’


export default function FirstPost() {
return (
<>
First Post


Back to home


</>
)
}

如您所见，该组件类似于使用标记，但不是，而是使用并在其中放置标记。Link``````<a>``````<a href="…">``````<Link href="…">``````<a>

让我们检查一下它是否有效。您现在应该在每个页面上都有一个链接，允许您来回切换：