react如何将字符串转义成html语句
将字符串转义成html语句
在使用reactjs库的时候,会遇到将一段html的字符串,然后要将它插入页面中以html的形式展现,
然而直接插入的话页面显示的就是这段字符串,而不会进行转义,可以用一下方法插入,便可以html的形式展现:
<div dangerouslySetInnerHTML={{__html: "<p>爱死费崇政</p>"}} />
将带标签的字符串转义为html
使用
dangerouslySetInnerHTML={{ __html: htmlString}}
范例
return (
<div>{props.record.contents.map(value =>
(
<div className={styles.expendBlock}>
<p dangerouslySetInnerHTML={{ __html: value.content }} />
</div>
)
)}
</div>
)