时间戳

首页 > 解决方案 > 在反应中将纯字符串转换为html

javascript - 在反应中将纯字符串转换为html

问题描述

**如何在 reactjs 中将此纯文本转换为 HTML？

**Text:** 

The standard Lorem Ipsum passage, used since the 1500s

Lorem ipsum dolor sit amet, consectetur adipiscing elit

它会自动转换如下：

<p>The standard Lorem Ipsum passage, used since the 1500s</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>

标签： javascripthtmlreactjs

解决方案

我不确定您要做什么，但是您可以逐行拆分字符串，这是一个示例：

<div>
  {`The standard Lorem Ipsum passage, used since the 1500s
    
    Lorem ipsum dolor sit amet, consectetur adipiscing elit`
    .split("\n")
    .map((line) => (
      <p style={{ backgroundColor: "#D8DC6A" }}>{line}</p>
    ))}
</div>

您可以在此代码沙箱中看到结果

推荐阅读