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

【问题标题】：How to Gatsby Link for 'mailto'?如何为“mailto”添加 Gatsby 链接？
【发布时间】：2021-04-08 07:28:08
【问题描述】：

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

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

&lt;Link to='mailto:kjcoco13@gmail.com'&gt;&lt;/Link&gt;

【问题讨论】：

【解决方案1】：

Gatsby 的 <Link> 组件扩展自 @reach/router（来自 React），它仅用于内部导航。来自Gatsby's documentation：

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

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

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

【讨论】：