使用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>

reactjs reactjs