【Next.js】Next.js 13 から next/link の Linkコンポーネントが常に aタグをレンダリングするようになった。

React

2023.01.15

こんにちは、かつコーチです。

Next.js12までは、<a>タグを常にネストしなければいけませんでした。

import Link from 'next/link'

// Next.js 12までは<a>タグを常にネストしないといけませんでした。
<Link href="/about">
  <a>About</a>
</Link>

Next.js13からは、<a>タグをネストする必要がなくなりました。

import Link from 'next/link'

// 直接書いてOKになりました。
<Link href="/about">
  About
</Link>

タイトルとURLをコピーしました