Question

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

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

我想将其转换并呈现一个段落：

First Text... Second text

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

Answer 1

您可以使用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>

Answer 2

这是您的解决方案。

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


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

ReactJS / JavaScript RegExr将对象html的数据转换为文本

2 个答案: