javascript - 在 React JSX 文本区域内添加换行符

Question

我正在尝试在 textarea 内打印的数组映射中添加断线，它工作正常，但是一旦我收到邮件，断线就不再显示，我的所有文本都在一行中。

 const product = cartItems.map((item) => item.name + item.sub).join("\r\n");

 <textarea
   type="text"
   id="product"
   name="product"
   value={product}
   readOnly
   required
 />

我在 textarea 中的输出是正确的，如下所示：

Name Sub
Name Sub
Name Sub

但是当我发出邮件时，打印的是：

Name Sub  Name Sub  Name Sub

谢谢您的帮助。

标签： javascriptreactjsinputtextareabreak

Answer 1

关于什么

const product = cartItems.map((item) => item.name + item.sub).join("\r\n");
<>
<textarea
type="text"
id="product"
name="product"
value={product}
readOnly
required
/>
<br/>
</>

只是放一个物理换行符？