react如何将字符串转义成html语句
更新时间：2022年12月02日 09:50:00 作者：爱死费崇政
这篇文章主要介绍了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>
)以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
unity中的ui元素是有严格的父子关系的,子物体的位置是根据父物体的变化而变化的,而子物体和父物体联系的桥梁就是Anchor,本文重点介绍Unity RectTransform的相关知识,感兴趣的朋友一起看看吧2024-01-01
React类组件中super()和super(props)的区别详解
这篇文章给大家详细介绍了React类组件中super()和super(props)有什么区别,文中通过代码示例给大家介绍的非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下2024-01-01
这篇文章主要介绍了antd之RangePicker设置默认值方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-12-12
React使用JSX来替代常规的JavaScript。JSX是一个看起来很像 XML的JavaScript语法扩展。我们不需要一定使用 JSX，但它有以下优点：JSX执行更快，因为它在编译为JavaScript代码后进行了优化。它是类型安全的，在编译过程中就能发现错误。使用JSX编写模板更加简单快速2022-12-12
这篇文章主要介绍了详解react阻止无效重渲染的多种方式，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
这篇文章主要介绍了react ant Design手动设置表单的值操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10
这篇文章主要介绍了谈谈React中的Render Props模式，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
在React应用中,App.js文件通常是项目的根组件文件,它负责组织和渲染其他组件,是应用的核心部分,本文将详细介绍App.js文件的结构、作用和最佳实践,感兴趣的朋友跟随小编一起看看吧2024-08-08
这篇文章主要介绍了通过实例学习React中事件节流防抖，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，,需要的朋友可以参考下2019-06-06
React Native 是Facebook在React.js Conf2015推出的开源框架,使用React和应用平台的原生功能来构建Android和iOS应用,这篇文章主要介绍了React Native性能优化红宝书,需要的朋友可以参考下2024-06-06
最新评论