如何在 ReactJS 中使用换行符设置 textarea 值答案

【问题标题】：How to set textarea value with line break in ReactJS如何在 ReactJS 中使用换行符设置 textarea 值
【发布时间】：2019-02-14 19:00:54
【问题描述】：

我有这个 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 中显示换行符？

【问题讨论】：

标签： reactjs textarea line-breaks

【解决方案1】：

在 html 中使用&#13; 换行：

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

【讨论】：