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:网址中传递的参数进行编码。对于换行符，可以使用%0A：

<a href="mailto:foo@example.com?body=First%20line%0Asecond%20line%0A%0ANew%20paragraph">your message here</a>

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

console.log(encodeURIComponent(`first line
second line

paragraph`));