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

Posted

技术标签:

【中文标题】如何在 ReactJS 中使用换行符设置 textarea 值【英文标题】:How to set textarea value with line break in ReactJS 【发布时间】: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 中显示换行符?

【问题讨论】:

【参考方案1】:

html 中使用&amp;#13; 换行:

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

【讨论】:

以上是关于如何在 ReactJS 中使用换行符设置 textarea 值的主要内容,如果未能解决你的问题,请参考以下文章

vb listbox 如何换行?

如何从响应中读取文件名 - reactJs

ReactJS - 在为新行输入数据时,如何将单元格文本包装在 MaterialTable 中?

sublime text 3如何取消自动换行?

ReactJS:Rest API JSON 响应:如何解析

SQL中如何存储回车符和换行符,在text或者是ntext的数据类型中