Добавить строку разрыва внутри текстовой области React JSX

#javascript #reactjs #input #textarea #break

#javascript #reactjs #ввод #текстовая область #разрыв

Вопрос:

Я пытаюсь добавить строку разрыва внутри карты массива, которая печатается внутри текстовой области, и она работает нормально, но как только я получаю письмо, строка разрыва больше не отображается, весь мой текст находится в одной строке.

  const product = cartItems.map((item) => item.name   item.sub).join("rn");

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

мой вывод внутри текстовой области правильный, например:

 Name Sub
Name Sub
Name Sub
 

но когда я отправляю письмо, печать:

 Name Sub  Name Sub  Name Sub
 

Спасибо за вашу помощь.

Ответ №1:

О чем

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

просто поставить физический лайнбрейк?

Комментарии:

1. Спасибо за ваш ответ, но перевод строки не работает, и он находится за пределами содержимого текстовой области, значение должно иметь разрыв строки.