如何使用 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>