多行输出文本

Question

我正在开发reactjs应用程序，并且从后端获取的文本是多行文本。例如，如果我记录文字，我会得到这样的提示

Gladiator

Enya

Cricket

现在，我试图像下面这样在reactjs应用程序中显示此文本。

 <div>
   <span>{postData.heading}</span>
 </div>

使用此代码，我将输出作为Gladiator Enya Cricket放在一行中。如何以类似于后端发送方式的多行显示该文本。

Answer 1

您可以将span替换为pre，就像这样：

 <div>
   <pre>{postData.heading}</pre>
 </div>