mirror of
https://github.com/vercel/next.js.git
synced 2026-09-20 02:25:18 +08:00
Hendrik Liebau
4b66771895
The `legacyBehavior` prop of the `Link` component has been deprecated since #77473. For Next.js 16, we're finally removing support for it. Consequently, we're also removing support for the `passHref` prop, which was only useful in conjunction with the `legacyBehavior` prop. A [codemod is available](https://nextjs.org/docs/app/guides/upgrading/codemods#new-link) to help you automatically upgrade your codebase. reverts #77473 --------- Co-authored-by: Sebastian Sebbie Silbermann <sebastian.silbermann@vercel.com>
50 lines
916 B
TypeScript
50 lines
916 B
TypeScript
import React from "react";
|
|
import Link from "next/link";
|
|
|
|
const Header: React.FC = () => {
|
|
return (
|
|
<nav>
|
|
<div className="left">
|
|
<Link href="/">Blog</Link>
|
|
<Link href="/drafts">Drafts</Link>
|
|
</div>
|
|
<div className="right">
|
|
<Link href="/create">+ New draft</Link>
|
|
</div>
|
|
<style jsx>{`
|
|
nav {
|
|
display: flex;
|
|
padding: 2rem;
|
|
align-items: center;
|
|
}
|
|
|
|
.bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: #000;
|
|
display: inline-block;
|
|
}
|
|
|
|
a + a {
|
|
margin-left: 1rem;
|
|
}
|
|
|
|
.right {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.right a {
|
|
border: 2px solid black;
|
|
padding: 0.5rem 1rem;
|
|
border-radius: 3px;
|
|
}
|
|
`}</style>
|
|
</nav>
|
|
);
|
|
};
|
|
|
|
export default Header;
|