Ընդլայնված մենյու NextJS-ում
Նախորդ դասում մենք քննարկեցինք սովորական հղումներից բաղկացած մենյուի խնդիրը: NextJS-ը կարող է լուծել այս խնդիրը և անել այնպես, որ հղումով անցումը չհանգեցնի ամբողջ էջի վերաբեռնմանը: Կատարողականությունը օպտիմալացնելու համար Ajax-ի միջոցով կբեռնավորվի միայն փոխված մասը:
Դրա համար հղումների փոխարեն մենք
կօգտագործենք հատուկ
Link կոմպոնենտը:
Եկեք այն իմպորտենք.
import Link from 'next/link';
Եկեք մեր մենյուն վերափոխենք այս կոմպոնենտի միջոցով.
export default function Menu() {
return <>
<Link href="/">home</Link>
<Link href="/about">about</Link>
<Link href="/price">price</Link>
<Link href="/contacts">contacts</Link>
</>;
}
Վերափոխեք ձեր մենյուն
Link կոմպոնենտի միջոցով:
Համոզվեք, որ մենյուի հղումներով անցումը այժմ չի հանգեցնում էջի վերաբեռնմանը:
