显示字符串时如何显示换行符？

Question

我正在从API导入一个字符串以使用react在网页上显示。 字符串的内容是：“名称\ n姓氏”。如何获得React以显示字符串中包含的换行符？

我可以更改以更改api后端上字符串的内容。我已经尝试了“ \ n”和br标签，但似乎都没有用。

我的反应代码如下：

...

Answer 1

两种解决问题的方法：

1。。在渲染之前拆分您收到的文本。

：

let newText = text.split('\n').map((item, i) => {
 return <p key={i}>{item}</p>;
});

2。。使用空白：预包装；

：

div {
  white-space: pre-wrap;
} 

示例：https://codepen.io/yuzu-r/pen/wobaMR

Answer 2

将此添加到您的样式style={{ whiteSpace: 'pre-wrap' }}