如何在JavaScript / ReactJS中将字符串转换为字符串。
例如,我有一个对象:
{
article: '<p class="md-block-unstyled">First text...</p><p>Second text></p>'
}
我想转换一下,渲染一段:
<代码>第一个文本...第二个文本
我不要
您可以使用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}} />