javascript - 带外部链接的导航链接

<NavLink target="_blank" to={{ pathname: "mailto:test@gmail.com" }}>
   <h3>Say hi...</h3>
</NavLink>
<NavLink
          style={{ color: "inherit" }}
          to={{ pathname: "https://github.com/user" }}
          target="_blank"
        >
          <LinkedIn width={30} height={25} fill="currentColor" />
        </NavLink>

在这里,我使用 NavLink 来访问外部链接。但是当我点击链接时,它会重定向到 http://localhost:3000/mailto:test@gmail.com。使用 a 而不是 NavLink 工作正常。

有什么方法可以与 NavLink 一起使用。

提前致谢

回答1

试试看。像这样

<NavLink as="a" target="_blank" href="mailto:test@gmail.com">
   <h3>Say hi...</h3>
</NavLink>

相似文章