如何使用 Next.js 中的反应图标添加指向另一个网站的链接

Question

如何将链接添加到我的反应图标。 我想将 LinkedIn 按钮链接到我的链接，并为邮件图标提供一个 mailto 选项。

我正在使用 Next.js 和 TailwindCSS 来创建我的应用程序。

这是我的代码片段。

<div className="text-5xl flex justify-center gap-16 py-3 text-gray-600 dark:text-gray-50">
    <AiFillLinkedin href="https://www.google.com/"/>
    <AiFillMail href="mailto:info@mailgo.dev"/>
           
 </div>

Answer 1

您是否尝试过将其包装a标签中？

<div className="text-5xl flex justify-center gap-16 py-3 text-gray-600 dark:text-gray-50">
    <a href="https://www.google.com/"><AiFillLinkedin /></a>
    <a href="mailto:info@mailgo.dev"><AiFillMail /></a>
 </div>