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

Question

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

{
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}} />