网站首页编程语言正文

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

作者：爱死费崇政更新时间： 2022-12-29 编程语言

将字符串转义成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>
    )

原文链接：https://blog.csdn.net/fay462298322/article/details/71514030

上一篇：解决React报错You provided a `check
下一篇：Android开发中用Kotlin编写LiveData组件教

网站首页编程语言正文

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

目录

将字符串转义成html语句

将带标签的字符串转义为html

范例

相关推荐

网站首页 编程语言 正文

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

目录

将字符串转义成html语句

将带标签的字符串转义为html

范例

相关推荐

网站首页编程语言正文