react如何將字符串轉義成html語句
更新時間:2022年12月02日 09:50:00 作者:愛死費崇政
這篇文章主要介紹了react如何將字符串轉義成html語句問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
將字符串轉義成html語句
在使用reactjs庫的時候,會遇到將一段html的字符串,然后要將它插入頁面中以html的形式展現(xiàn),
然而直接插入的話頁面顯示的就是這段字符串,而不會進行轉義,可以用一下方法插入,便可以html的形式展現(xiàn):
<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> ? ? )
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
React類組件中super()和super(props)的區(qū)別詳解
這篇文章給大家詳細介紹了React類組件中super()和super(props)有什么區(qū)別,文中通過代碼示例給大家介紹的非常詳細,對大家的學習或工作有一定的幫助,需要的朋友可以參考下2024-01-01