Javascript 如何在mailto链接中动态设置收件人?

Javascript 如何在mailto链接中动态设置收件人?,javascript,html,reactjs,Javascript,Html,Reactjs,我正在尝试在javascript中动态设置mailto链接的收件人。我原以为我可以在链接的接收者位置放置一个javascript变量,但在尝试这样做时会出错。有人对这可能不起作用有什么建议吗 这就是我目前拥有的,在我的代码中抛出错误 var customerEmail = "someone@email.com"; <a href='mailto:' + customerEmail + '?subject=Quote&body=I%20would%20like%20to%20ac

我正在尝试在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>


var customerEmail=”someone@email.com";

从href中拉出连接,或者使用
bacticks
填充href

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

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>
var customerEmail=”someone@email.com";
大括号是一种特殊的语法,让JSX解析器知道它需要将它们之间的内容解释为JavaScript而不是字符串