提问者:小点点

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


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

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

我想转换一下,渲染一段:

<代码>第一个文本...第二个文本

我不要


共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>

匿名用户

这是你的解决方案。

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


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

相关问题