javascript - 如何为 'mailto' 建立 Gatsby 链接?

标签 javascript reactjs graphql gatsby

我正在用 gatsby 写博客,但是,Link不适用于 mailto这是我的代码。它把我带到 http://localhost:8000/mailto:kjcoco13@gmail.com我想用这个Link为外部。

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

最佳答案

Gatsby 的 <Link>组件扩展自 @reach/router (来自 React)并且它仅用于内部导航。来自 Gatsby's documentation :

The Gatsby <Link /> component is for linking between pages within your site. For external links to pages not handled by your Gatsby site, use the regular HTML <a> tag.


在您的情况下,由于您没有使用任何类型的内部导航,您应该使用常规 <a>标签,您不能使用 <Link>成分。用:
<a href='mailto:kjcoco13@gmail.com'>Your text</a>

关于javascript - 如何为 'mailto' 建立 Gatsby 链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65529898/

相关文章:

graphql - Gatsby 在 graphql 获取时的构建过程中给出错误 "Error: Type with name "File"does not exists"

javascript - 为什么当我使用空购物车登录时,会出现 .map 错误?

java - 错误 com JSONP e Jersey 2.4.1

reactjs - 无法使用上下文提供程序对已卸载的组件执行 React 状态更新

javascript - ReactJS 如何处理 Rails 事件记录关联

javascript - 如何将类组件中的 props 发送到功能组件?

asp.net-core - HotChocolate GraphQL 在运行时添加类型扩展或模式

javascript - 使用 JavaScript 将属性添加到一组链接中的第一个链接

javascript - 使用 YQL 以尽可能低的资源使用率(即最少的查询数量)执行图像抓取

reactjs - 无法读取 react 中未定义的属性 'push'