我读取了这个json文本字符串，它拒绝显示换行符

Question

我在一个json中有一个文本的平静，看起来像这样"我想要一条新线路；。

我有这个代码显示文本，但首先用<br />:替换n

<p className="subtitle is-5 has-text-white has-text-weight-light summary-text">
{Resume.basics.summary.replace(/(?:rn|r|n)/g, '<br />&nbsp')}
</p>

Resume.basic.summery是这样的json:

"basics": {
"name": "Greta Thunberg",
"label": "Environmental Activist",
"picture": "images/GretaThunberg 2.jpg",
"x_pictureFallback": "images/GretaThunberg portrait.jpg",
"x_title": "Hey There! Glad you're here",
"summary": "I want a new linenhere",
"location": {
"country": "Sweden",
"countryCode": "SE",
"region": "Stockholm"
},
"profiles": [
{......................"

问题是，新行永远不会显示，但如果我喜欢这样的话，它会起作用：

<p className="subtitle is-5 has-text-white has-text-weight-light summary-text">
<p>I want a new line<br />here</p>
</p>

则输出为：

我想要一条新行
此处

这是一个React应用程序！知道为什么吗？

Answer 1

作为参考，在阅读了评论和答案中的建议解决方案后(感谢大家(
我在react string Solved中发现了这个换行符，尤其是yuzu-r答案。

我看到你标记这个已解决，但万一有人稍后访问：

如果要在div中添加多行带有的文本，请添加下面是有问题的div的css：

div｛空白：预包装；｝

但在我的情况下，它是<p>，但它也能工作。然后我所做的是将json文本作为"；我想要一条新线路；。并将代码还原为原始代码：

<p className="subtitle is-5 has-text-white has-text-weight-light summary-text">
{Resume.basics.summary}
</p>

它的工作文本是"；新衬"；如预期