nextJs เปิด link ใน tab ใหม่

เวลาเปิดแท็บใหม่ใน NextJs เราสามารถใช้แท็ก a แล้วใส่ attribute target โดย value เป็น _blank ได้

ตัวอย่างโค้ด

<a href="https://example.com" target="_blank" rel="noopener noreferrer">
  Open link in new tab
</a>

ข้อแนะนำ ให้ใส่ rel="noopener noreferrer" ไว้ด้วยเพื่อความปลอดภัย

เราสามารถใช้แท็ก Link ได้ตามตัวอย่าง

import Link from 'next/link'

<Link href={link} as={link} passHref>
  <a target="_blank" rel="noopener noreferrer">Open link in new tab</a>
</Link>


Copyright © 2023 Devcode Code Example - Powered by www.doesystem.com