React输出不保留换行符
有没有一种方法可以避免用户输入的换行符。目前，我只是将用户输入发送到mongoDb并返回该文本。然而，如果我的输入是：“新行”，我的输出将是“新行”。有人能提出解决方案吗？
共有2个答案
@FELIXMOSH的正确答案的一个小补充：还使用word-换行，因为white-space属性有时会导致溢出。并将此css应用于将托管mongob数据的元素。
anyClass {
white-space: pre-wrap;
word-wrap: break-word;
}
使用css空白来设置样式。
css prettyprint-override">.foo {
white-space: pre-line;
}
-
问题内容： 我有一些代码示例要在HTML文档中发布。我是用，标记包装它们，但是我希望它们的样式是这样的保留换行符。我也可以用标签，但我更喜欢使用CSS。 我已经在IE7中尝试了以下内容 这可能吗？ 问题答案： 检查doctype是否有效并在第一行。也许它滑进了quirks mode?？
-
问题内容： 我有一个带有textarea的表单，我想保留输出内容时用户输入的换行符。 例如，如果我在textarea中写： 这是一个句子。这是另一个。这里还有一个。 这是一个新段落。这是一个新句子。这是另一个。 我想要相同的输出，而 不是 ： 这是一个句子。这是另一个。这里还有一个。这是一个新段落。这是一个新句子。这是另一个。 如何保留换行符？ 问题答案： 通常，您只需要添加 空格修剪为单个空格
-
问题内容： 我的代码而不是使用代码，因为我之前有过。 所以我的代码： 项目说明包含未呈现的换行符。 假设我已具备上述条件，如何轻松显示换行符？ 问题答案： 基于@pilau的答案-但经过改进，即使是公认的答案也没有。 这将使用给定的换行符和空格，但也会在内容边界处中断内容。有关空白属性的更多信息，可以在这里找到： https://developer.mozilla.org/zh-CN/docs/W
-
我正在使用XSLT将包含复杂数据结构、自由文本等的xml文档转换为HTML文档。我处理的文档可以包含或不包含结构项，如果存在结构标记，则可以任意嵌套。数据标记可以引用任何类型的商品，因此我事先不知道XML文档的内容。 文件看起来像 desiderata HTML文档应类似于： 事实上，我不知道这是否是一个好的解决方案，但是因为我不知道我的xml是否包含结构标签，所以我使用了一个“开关”来在两个主模
-
问题内容： 我在Linux上使用bash shell。我有这个简单的脚本…… 但是，当我运行此脚本时 打印所有输出而没有回车/换行。不知道这是我将输出存储到$ TEMP还是echo命令本身的方式。 如何将命令的输出存储到变量并保留换行符/回车符？ 问题答案： 引用 您的变量。原因如下： 不带引号的外壳将替换为其包含的字符（其中之一是换行符）。然后，在调用shell 之前，先使用（IFS）将该字符串
-
问题内容： 我正在尝试写一个（冗长但已包装），来自。当字符串打印到控制台时，格式与中相同，但是当我使用BufferedWriter将它们写入文件时，它是在单行中写入。 以下代码段可以复制它： 什么地方出了错？如何解决呢？谢谢你的帮助！ 问题答案： 不论运行在什么平台上，a中的文本都将带有换行符。在将其写入文件时，您将需要用特定于平台的换行符替换这些字符（对于Windows，这是，正如其他人提到的那