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

我正在从api导入一个字符串，以便使用react在网页上显示。 字符串的内容为：Name\n Last Name。我如何才能显示字符串中包含的换行符

我可以更改api后端的字符串内容。我尝试了\n和br标记，但两个都不起作用

我的react代码如下所示：

<div className="definition">
  {this.state.definition}
</div>

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

解决此问题的两种方法：

一,。在渲染之前拆分接收到的文本

:

例如：

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

div {
  white-space: pre-wrap;
}