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

目录将字符串转义成html语句将带标签的字符串转义为html范例将字符串转义成html语句在使用reactjs库的时候，会遇到将一段html的字符串，然后要将它插入页面中以html的形式展现，然而直接...

目录

将字符串转义成html语句

在使用reactjs库的时候，会遇到将一段html的字符串，然后要将它插入页面中以html的形式展现，

然而直接插入的话页面显示的就是这段字符串，而不会进行转义，可以用一下方法插入，便可以html的形式展现：

<div dangerouslySetInnerHTML=www.cppcns.com{{__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>
  )

以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。