以多行输出文本

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>