React 输出不保留换行符

【问题标题】：React output does not preserve line breaksReact 输出不保留换行符
【发布时间】：2020-05-01 13:38:30
【问题描述】：

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

【问题讨论】：

【解决方案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; 
}

【讨论】：