Išplėstinis meniu NextJS
Ankstesnėje pamokoje aptarėme įprastų nuorodų meniu problemą. NextJS gali išspręsti šią problemą ir užtikrinti, kad navigacija per nuorodą neleistų į viso puslapio iš naujo įkėlimą. Našumui optimizuoti per Ajax bus įkeltas tik pasikeitęs dalis.
Užuot naudoję nuorodas, mes
naudosime specialųjį
komponentą Link.
Importuokime jį:
import Link from 'next/link';
Pertvarkykime mūsų meniu naudodami šį komponentą:
export default function Menu() {
return <>
<Link href="/">home</Link>
<Link href="/about">about</Link>
<Link href="/price">price</Link>
<Link href="/contacts">contacts</Link>
</>;
}
Pertvarkykite savo meniu naudodami
komponentą Link.
Įsitikinkite, kad navigacija per meniu nuorodas dabar nesukelia puslapio iš naujo įkėlimo.
