Pokročilé menu v NextJS
V predchádzajúcej lekcii sme diskutovali problém menu z obyčajných odkazov. NextJS môže vyriešiť tento problém a spraviť to, aby prechod na odkaz neviedol k opätovnému načítaniu stránky ako celku. Pre optimalizáciu výkonu bude cez Ajax načítaná iba zmenená časť.
Na to namiesto odkazov
použijeme špeciálny
komponent Link.
Naimportujeme ho:
import Link from 'next/link';
Prepracujme naše menu pomocou tohto komponentu:
export default function Menu() {
return <>
<Link href="/">home</Link>
<Link href="/about">about</Link>
<Link href="/price">price</Link>
<Link href="/contacts">contacts</Link>
</>;
}
Prepracujte vaše menu pomocou
komponentu Link.
Uistite sa, že prechod na odkazy menu teraz nevedie k opätovnému načítaniu stránky.
