ReactJS / JavaScript RegExr将对象html的数据转换为文本[重复]答案

【问题标题】：ReactJS/JavaScript RegExr Converting data of object html into text [duplicate]ReactJS / JavaScript RegExr将对象html的数据转换为文本[重复]
【发布时间】：2019-01-04 13:52:38
【问题描述】：

如何在 JavaScript/ReactJS 中转换成字符串。
例如我有一个对象：

{
  article: '<p class="md-block-unstyled">First text...</p><p>Second text></p>'
}

我想转换它并渲染一个段落：

First Text... Second text

我不希望在屏幕上打印<p> 标签或任何其他标签，但我希望它们表现得像实际的段落。

【问题讨论】：

请正确表述您的问题。你的对象的结构是什么？

标签： javascript regex reactjs

【解决方案1】：

这是您的解决方案。

const obj = {
  article: '<p class="md-block-unstyled">First text...</p><p>Second text></p>'
} 


<div dangerouslySetInnerHTML={{__html: obj.article}} />

【讨论】：

【解决方案2】：

您可以使用dangerouslySetInnerHTML 从字符串呈现 HTML。

示例

function App() {
  const obj = {
    article: '<p class="md-block-unstyled">First text...</p><p>Second text</p>'
  };
  return <div dangerouslySetInnerHTML={{ __html: obj.article }} />;
}

ReactDOM.render(<App />, document.getElementById("root"));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

<div id="root"></div>

【讨论】：

谢谢！但我想在不使用危险的SetInnerHTML 的情况下做到这一点。没有其他选择吗？