عضو کانال یوتیوب ما شوید.

رفرش کامل صفحه بعد از کلیک روی در nextjs

رفرش کامل صفحه بعد از کلیک روی در nextjs
رفرش کامل صفحه بعد از کلیک روی در nextjs

رفرش کامل صفحه بعد از کلیک روی <Link> در nextjs

تگ <Link> در nextjs در واقع جهت نمایش یک لینک در صفحات موجود در این فریم ورک استفاده می شود. یکی از ویژگی های این تگ این است که نیاز نباشد کل صفحه مجددا بارگزاری شود و تنها یک بخش کوچک را تغییر دهد. در این بین ممکن است بعضی از لینک ها را داشته باشید که بعد از کلیک روی آن ها نیاز به رفرش کامل صفحه نیاز باشد.

در این نوشته به روش رفرش کامل لینک های موجود با تگ <Link> می پردازیم.

همراه ما باشید.

 

رفرش کامل صفحه بعد از کلیک روی <Link> در nextjs

برای این کار کافیست در تگ <Link> مورد نظرتان ویژگی as={router.asPath} را اضافه کنید.

به نمونه ی زیر دقت کنید:

// imports
import Link from 'next/link';
import { useRouter } from 'next/router';

// in componenet body
const router = useRouter();

// link tag
<Link href="/current-page" as={router.asPath}>
  <a>Click me</a>
</Link>

 

اگر نیاز به آموزشی های بیشتری از nextjs دارید در بخش نظرات همین نوشته برای ما بنویسید.

موفق باشید.

برای امتیاز به این نوشته کلیک کنید!
[کل: 1 میانگین: 5]