Зачем в nextjs в Link делать a?

Question

[partyzanx]

Обязательно ли внутри <Link> делать <a>?

<Link href={'/'}><a>{post.title}</a></Link>

В доках используется с <a>, но оно в разметке отображается нормально и без <a>.

И второй вопрос, нужно ли пользоваться атрибутом as?

<Link href={`/post/[id]`} as={`/post/${post.id}`}>{post.title}</Link>

или можно

<Link href={`/post/${post.id}`}>{post.title}</Link>

Просто у меня динамически работает второй вариант, что странно.

Answer 1

[Pavel Shvedov]

Не писать тег а в комментах отмечено как Deprecated https://github.com/vercel/next.js/blob/feb10f45c10...
, лучше писать как в документации

Comments

[Мышб]

он про этом уже сам сказал, но почему?

[partyzanx]

не очень умный, ниже Даша Циклаури ответила)

Answer 2

[Даша Циклаури]

Нет, не обязательно.
Но если тебе придется стилизовать ссылку, то стилизовать Link не получился, поэтому ты будешь использовать что-то вроде

const StyledLink = styled.a`
color: #f00;
`

<Link href={} passHref><StyledLink>My Link</StyledLink></Link>

Не забывай про атрибут passHref в случае, если нужно прокинуть href стилизованной ссылке

Comments

[partyzanx]

крутые знания!