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

Question

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

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

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

Answer 1

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

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

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

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