如何在 ReactJS 中设置带有换行符的文本区域值

Question

我有这个 ReactJS 组件

  class Header extends Component {
     render() {
       return (
         <div>
             <textarea class="editTextarea" value={this.props.header}></textarea>
         </div>
       );
     }
   }

我想为其显示换行符。

如果我使用 br 标签，\n,\r .. 我看不到换行符

   <Header header="Line1\nLine2\nLine3\nLine4"></Header>

结果：

如何设置字符串以在 textarea 中显示换行符？

Answer 1

在 html:

中使用  作为换行符

 <Header header="Line1&#13;Line2&#13;Line3&#13;Line4"></Header>

如何在 ReactJS 中设置带有换行符的文本区域值

How to set textarea value with line break in ReactJS

textarea

line-breaks

reactjs