Как установить значение текстовой области с разрывом строки в 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>

Результаты:

Как установить строку для отображения разрывов строк в текстовой области?

Answer 1

Используйте 
 для разрывов строк в html:

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