JSX中的多行电子邮件正文

时间:2019-04-25 16:15:11

标签: javascript ecmascript-6 jsx

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

<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"加上双引号但没有运气。

1 个答案:

答案 0 :(得分: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`));