JSX 中的多行电子邮件正文

Question

我正在尝试使用以下方法创建具有多行正文的电子邮件：

<a href={"mailto:" + this.state.emailsToNotify + 
         "?subject=" + this.state.mname 
         + "&body=Please, review: " + "n" + this.state.mname + "n" + "at " + emailBody 
        }>
    <button style={button4TableStyleObject('#007a86', '#ebf5ff', '#ff3900 #ff3900')} >{'Notify Selected'} </button>
</a>

但是，Outlook 使用一行打开此电子邮件。有没有办法让它多行？我用了双引号"n"但没有运气。

Answer 1

您必须对

在 mailto: url 中传递的参数进行编码。对于换行符，您可以使用%0A：

<a href="mailto:[e-mail]?body=First%20line%0Asecond%20line%0A%0ANew%20paragraph">your message here</a>

为了不必手动执行此操作，您可以使用encodeURIComponent()：

console.log(encodeURIComponent(`first line
second line
paragraph`));