Многострочная электронная почта в 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:foo@example.com?body=First%20line%0Asecond%20line%0A%0ANew%20paragraph">your message here</a>

Чтобы не делать это вручную, вы можете использовать encodeURIComponent():

console.log(encodeURIComponent(`first line
second line

paragraph`));