链接组件

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

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

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

import Link from ’next/link’

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

Learn Next.js!

并将其更改为:

Read{’ ‘}

this page!

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

接下来,打开其内容并将其替换为以下内容: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>

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

链接