Gevorderde Spyskaart in NextJS
In die vorige les het ons die probleem van 'n spyskaart van gewone skakels bespreek. NextJS kan hierdie probleem oplos en maak dat 'n oorgang met 'n skakel nie lei tot 'n herlaai van die hele bladsy nie. Vir optimalisasie van werkverrigting sal slegs die veranderde gedeelte via Ajax gelaai word.
Vir hierdie doel sal ons in plaas van skakels
die spesiale
komponent Link gebruik.
Kom ons dit invoer:
import Link from 'next/link';
Kom ons hersien ons spyskaart deur hierdie komponent:
export default function Menu() {
return <>
<Link href="/">tuis</Link>
<Link href="/about">oor</Link>
<Link href="/price">prys</Link>
<Link href="/contacts">kontakte</Link>
</>;
}
Hersien jou spyskaart deur
die komponent Link.
Maak seker dat om op skakels in die spyskaart te klik lei nie meer tot 'n herlaai van die bladsy nie.
