微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用reactjs和fontawesome打开默认邮件应用

如何解决使用reactjs和fontawesome打开默认邮件应用

当单击一个字体惊人的信封图标时,使用react.js打开邮件应用程序的最佳方法是什么?我已经使用onPress尝试了以下操作,但是当我单击该图标时,我的邮件应用程序无法打开。 LinkedIn运行正常,并在一个新选项卡中打开,但是我迷失了这个....请帮助。

function Twitter() {
function handleClick(e) {
  e.preventDefault();
}

return (
    <Fragment>
    <FontAwesomeIcon
    type="button"
    icon ={faLinkedinIn}
    size="4x"
    onClick={(e) => {
      e.preventDefault();
      window.open('https://www.linkedin.com');
      }}
> </FontAwesomeIcon>
    
    <FontAwesomeIcon
    type="button"
    icon ={faEnvelope}
    size="4x"
    onPress={() => Linking.openURL('email@gmail.com') }
    title="support@example.com"
  
> </FontAwesomeIcon>
    </Fragment>



);

}

导出认Twitter;

解决方法

不能只用锚标签将图标包装如下:

<a href="mailto:email@gmail.com"><FontAwesomeIcon>...</FontAwesomeIcon>
</a>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。