如何为“mailto”链接Gatsby链接？

html5 • • 问答

我正在用 gatsby 写一个博客，但是，这Link不适用于mailto

这是我的代码。它让我http://localhost:8000/mailto:kjcoco13@gmail.com
想到我想将它Link用于外部。

<Link to='mailto:kjcoco13@gmail.com'></Link>

回答

Gatsby 的<Link>组件从@reach/router（来自 React）扩展而来，它仅用于内部导航。来自盖茨比的文档：

Gatsby<Link />组件用于在站点内的页面之间进行链接。对于 Gatsby 站点未处理的页面的外部链接，请使用常规 HTML<a>标记。

在您的情况下，由于您没有使用任何类型的内部导航，您应该使用常规<a>标签，您不能使用该<Link>组件。用：

<a href='mailto:kjcoco13@gmail.com'>Your text</a>

以上是如何为“mailto”链接Gatsby链接？的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>
相关内容