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

时间:2018-09-10 10:48:50

标签: reactjs textarea line-breaks

我有这个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>

结果:

enter image description here

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

1 个答案:

答案 0 :(得分:1)

&#13;用于html中的换行符:

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