/
githubmirror
/
next.js
Обзор
Документация
Войти
/
githubmirror
/
next.js
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
canary
examples/with-magic/components/header.js
61 строка
1 KB
Hendrik Liebau
Remove deprecated `legacyBehavior` and `passHref` prop from `Link` component (#83003)
26 авг 2025, 15:04
Не верифицирован
26 авг 2025, 15:04
4b66771
Код
Авторство
О чём код?
import Link from "next/link"; import { useUser } from "../lib/hooks"; const Header = () => { const user = useUser(); return ( <header> <nav> <ul> <li> <Link href="/">Home</Link> </li> {user ? ( <> <li> <Link href="/profile">Profile</Link> </li> <li> <a href="/api/logout">Logout</a> </li> </> ) : ( <li> <Link href="/login">Login</Link> </li> )} </ul> </nav> <style jsx>{` nav { max-width: 42rem; margin: 0 auto; padding: 0.2rem 1.25rem; } ul { display: flex; list-style: none; margin-left: 0; padding-left: 0; } li { margin-right: 1rem; } li:first-child { margin-left: auto; } a { color: #fff; text-decoration: none; } header { color: #fff; background-color: #333; } `}</style> </header> ); }; export default Header;