时间戳

首页 > 解决方案 > 多行输出文本

javascript - 多行输出文本

问题描述

我正在开发一个reactjs应用程序，我正在从后端获取一个多行文本。例如，如果我记录我得到的文本，它是这样的

Gladiator

Enya

Cricket

现在我正在尝试在我的应用程序中显示此文本，reactjs如下所示。

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

使用此代码，我可以Gladiator Enya Cricket在一行中获得输出。如何以类似于后端发送它的方式在多行中显示此文本。

标签： javascripthtmlcssreactjs

解决方案

您可以将 span 替换为 pre，如下所示：

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

推荐阅读