reactjs 如何在Next.Js中使用图像作为链接

ryoqjall  于 2023-05-22  发布在  React
关注(0)|答案(1)|浏览(120)

有谁知道如何在Next.Js中使用图像作为链接吗?我有一个Instagram标志的图像,我想链接到我的Instagram页面。当用户点击它时,它会打开一个新的标签,并将用户发送到我的Instagram页面。
任何帮助都将不胜感激
我不知道从何说起。Next.js文档没有描述如何链接图像

gopyfrb3

gopyfrb31#

只需要使用一个锚标签和一个图片标签
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a

<a href="https://www.instagram.com/" target="_blank">
      <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Instagram_logo_2016.svg/264px-Instagram_logo_2016.svg.png" />
    </a>

演示:
https://codesandbox.io/s/next-js-forked-i66kox?file=/index.js

相关问题