✏️ Next.js
[Next.js] NextJS 13버전 변경 사항 <Link>
category
✏️ Next.js
date
thumbnail
slug
next-js-13버전-변경-사항-Link
author
status
Public
tags
summary
type
Post
기존에는
<Link> 태그 안에 <a> 태그를 넣어서 사용해야 했지만 13버전부터는 <Link> 안에 <a>를 넣으면 에러가 난다.하지만
Link 를 스타일할 수 없었는데,이때
Link 태그 안에 legacyBehavior 속성을 넣으면 이전처럼 Link 태그 안에 a 태그를 넣을 수 있다. 스타일도 a 태그에 주면 된다.export default function Page() {
return (
<>
<Link href="/about" legacyBehavior>
<a>About Us</a>
</Link>
<style jsx>
{`
a {
text-decoration: none;
}
`}
</style>
</>
)
}
