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>
37 lines
801 B
JavaScript
37 lines
801 B
JavaScript
import Link from "next/link";
|
|
import { useRouter } from "next/router";
|
|
|
|
export default function Nav() {
|
|
const { pathname } = useRouter();
|
|
|
|
return (
|
|
<header>
|
|
<Link href="/" className={pathname === "/" ? "is-active" : ""}>
|
|
Home
|
|
</Link>
|
|
<Link
|
|
href="/apollo"
|
|
className={pathname === "/apollo" ? "is-active" : ""}
|
|
>
|
|
Apollo
|
|
</Link>
|
|
<Link href="/redux" className={pathname === "/redux" ? "is-active" : ""}>
|
|
Redux
|
|
</Link>
|
|
<style jsx>{`
|
|
header {
|
|
margin-bottom: 25px;
|
|
}
|
|
a {
|
|
font-size: 14px;
|
|
margin-right: 15px;
|
|
text-decoration: none;
|
|
}
|
|
.is-active {
|
|
text-decoration: underline;
|
|
}
|
|
`}</style>
|
|
</header>
|
|
);
|
|
}
|