您如何在mailto链接中动态设置收件人？

Question

我正在尝试在javascript中动态设置我的mailto链接的收件人。我以为我可以在链接的收件人位置放置一个javascript变量，但是尝试这样做会出错。有人对为什么这可能行不通有什么建议吗？

这是我目前拥有的，正在代码中引发错误。

var customerEmail = "someone@email.com";

<a href='mailto:' + customerEmail + '?subject=Quote&body=I%20would%20like%20to%20accept%20this%20quote' ><button>Click To Accept</button></a>

Answer 1

将连接从href中拉出，或使用bacticks来填充href。

<a href={`mailto:${customerEmail}?subject=Quote&body=I%20would%20like%20to%20accept%20this%20quote`} >
   <button>Click To Accept</button>
</a>

Answer 2

您缺少href属性内的花括号：

var customerEmail = "someone@email.com";
    <a href={'mailto:' + customerEmail + '?subject=Quote&body=I%20would%20like%20to%20accept%20this%20quote'} >
      <button>Click To Accept</button>
    </a>

花括号是一种特殊的语法，它使JSX解析器知道它需要将它们之间的内容解释为JavaScript，而不是字符串。