Menu Lanjutan dalam NextJS
Dalam pelajaran sebelumnya, kami membincangkan masalah menu daripada pautan biasa. NextJS boleh menyelesaikan masalah ini dan memastikan navigasi melalui pautan tidak menyebabkan keseluruhan halaman dimuat semula. Untuk pengoptimuman prestasi, hanya bahagian yang berubah akan dimuatkan melalui Ajax.
Untuk ini, bukannya pautan, kami
akan menggunakan komponen khas
Link.
Importnya:
import Link from 'next/link';
Mari ubah suai menu kami melalui komponen ini:
export default function Menu() {
return <>
<Link href="/">home</Link>
<Link href="/about">about</Link>
<Link href="/price">price</Link>
<Link href="/contacts">contacts</Link>
</>;
}
Ubah suai menu anda melalui
komponen Link.
Pastikan navigasi melalui pautan menu sekarang tidak menyebabkan keseluruhan halaman dimuat semula.
