React

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > React > react字符串转义成html语句

react如何将字符串转义成html语句

作者:爱死费崇政

这篇文章主要介绍了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>
    )

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文