react如何將字符串轉(zhuǎn)義成html語句
更新時間：2022年12月02日 09:50:00 作者：愛死費(fèi)崇政
這篇文章主要介紹了react如何將字符串轉(zhuǎn)義成html語句問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
將字符串轉(zhuǎn)義成html語句
在使用reactjs庫的時候，會遇到將一段html的字符串，然后要將它插入頁面中以html的形式展現(xiàn)，
然而直接插入的話頁面顯示的就是這段字符串，而不會進(jìn)行轉(zhuǎn)義，可以用一下方法插入，便可以html的形式展現(xiàn)：
<div dangerouslySetInnerHTML={{__html: "<p>愛死費(fèi)崇政</p>"}} />將帶標(biāo)簽的字符串轉(zhuǎn)義為html
使用
dangerouslySetInnerHTML={{ __html: htmlString}}范例
return (
? ? ? <div>{props.record.contents.map(value =>
? ? ? ? (
? ? ? ? ? <div className={styles.expendBlock}>
? ? ? ? ? ? <p dangerouslySetInnerHTML={{ __html: value.content }} ?/>
? ? ? ? ? </div>
? ? ? ? )
? ? ? )}
? ? ? </div>
? ? )以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
React Navigation 使用中遇到的問題小結(jié)
本篇文章主要介紹了React Navigation 使用中遇到的問題小結(jié)，主要是安卓和iOS中相對不協(xié)調(diào)的地方，特此記錄，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-05-05
React實(shí)現(xiàn)類似淘寶tab居中切換效果的示例代碼
這篇文章主要介紹了React實(shí)現(xiàn)類似淘寶tab居中切換效果,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-06-06
這篇文章主要介紹了React中父子組件通信詳解，在父組件中，為子組件添加屬性數(shù)據(jù)，即可實(shí)現(xiàn)父組件向子組件通信，文章通過圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2023-03-03
這篇文章主要介紹了react跳轉(zhuǎn)后路由變了頁面沒刷新的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03
這篇文章主要介紹了react中如何使用局部樣式問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
Zustand?是一個非常輕量、簡潔的狀態(tài)管理庫,旨在為 React 提供簡便且高效的狀態(tài)管理,相比于 Redux 或 Context API,Zustand 具有更簡潔、靈活和易于理解的優(yōu)點(diǎn),感興趣的朋友一起看看吧2024-12-12
React?Refs?的使用forwardRef?源碼示例解析
這篇文章主要為大家介紹了React?之?Refs?的使用和?forwardRef?的源碼解讀，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
這篇文章主要為大家介紹了ahooks?useRequest的源碼精讀解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
React Fiber構(gòu)建beginWork源碼解析
這篇文章主要為大家介紹了React Fiber構(gòu)建beginWork源碼解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
Redux 是一個狀態(tài)管理庫,它可以幫助你管理應(yīng)用程序中的所有狀態(tài),Redux的核心概念之一是Store,它表示整個應(yīng)用程序的狀態(tài),這篇文章給大家介紹React中redux的使用,感興趣的朋友一起看看吧2023-12-12