NextJS Izvērstā izvēlne
Iepriekšējā nodarbībā mēs apspriedām parastās saites izvēlnes problēmu. NextJS var atrisināt šo problēmu un panākt, ka navigācija pa saiti neizraisītu visas lapas pārlādi. Veiktspējas optimizēšanai tikai mainītā daļa tiks iellādēta caur Ajax.
Lai to izdarītu, saitu vietā mēs
izmantosim īpašu
komponentu Link.
Importēsim to:
import Link from 'next/link';
Pārveidosim mūsu izvēlni, izmantojot šo komponentu:
export default function Menu() {
return <>
<Link href="/">sākums</Link>
<Link href="/about">par</Link>
<Link href="/price">cena</Link>
<Link href="/contacts">kontakti</Link>
</>;
}
Pārveidojiet savu izvēlni, izmantojot
komponentu Link.
Pārliecinieties, ka navigācija pa izvēlnes saitēm tagad neizraisa lapas pārlādi.
