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>
)以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本篇文章主要介绍了React Navigation 使用中遇到的问题小结，主要是安卓和iOS中相对不协调的地方，特此记录，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-05-05
这篇文章主要介绍了React实现类似淘宝tab居中切换效果,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-06-06
这篇文章主要介绍了React中父子组件通信详解，在父组件中，为子组件添加属性数据，即可实现父组件向子组件通信，文章通过围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2023-03-03
这篇文章主要介绍了react跳转后路由变了页面没刷新的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
这篇文章主要介绍了react中如何使用局部样式问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
Zustand 是一个非常轻量、简洁的状态管理库,旨在为 React 提供简便且高效的状态管理,相比于 Redux 或 Context API,Zustand 具有更简洁、灵活和易于理解的优点,感兴趣的朋友一起看看吧2024-12-12
React Refs 的使用forwardRef 源码示例解析
这篇文章主要为大家介绍了React 之 Refs 的使用和 forwardRef 的源码解读，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
这篇文章主要为大家介绍了ahooks useRequest的源码精读解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
这篇文章主要为大家介绍了React Fiber构建beginWork源码解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
Redux 是一个状态管理库,它可以帮助你管理应用程序中的所有状态,Redux的核心概念之一是Store,它表示整个应用程序的状态,这篇文章给大家介绍React中redux的使用,感兴趣的朋友一起看看吧2023-12-12
最新评论