React 输出不保留换行符

Posted 2023-02-22

【中文标题】React 输出不保留换行符

【英文标题】：React output does not preserve line breaks

【发布时间】：2020-05-01 13:38:30

【问题描述】：

有没有办法保留用户输入的换行符。目前我只是让用户输入将其发送到 mongoDb 并返回该文本。但是，如果我的输入是： “新的 线”， 我的输出将是“新行”。 任何人都可以提出解决方案吗？

【问题讨论】：

你检查了吗？可能有用：***.com/questions/32469570/…

【参考方案1】：

使用css white-space 对其进行样式设置。

.foo 
  white-space: pre-line;

【参考方案2】：

@FELIXMOSH 正确答案的一个小补充：也使用word-wrap，因为white-space 属性有时会导致溢出。并将这个 css 应用到将托管 mongodb 数据的元素。

anyClass 
  white-space: pre-wrap;
  word-wrap: break-word;