欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關文章

  • Unity?RectTransform詳解

    Unity?RectTransform詳解

    unity中的ui元素是有嚴格的父子關系的,子物體的位置是根據(jù)父物體的變化而變化的,而子物體和父物體聯(lián)系的橋梁就是Anchor,本文重點介紹Unity?RectTransform的相關知識,感興趣的朋友一起看看吧
    2024-01-01
  • React類組件中super()和super(props)的區(qū)別詳解

    React類組件中super()和super(props)的區(qū)別詳解

    這篇文章給大家詳細介紹了React類組件中super()和super(props)有什么區(qū)別,文中通過代碼示例給大家介紹的非常詳細,對大家的學習或工作有一定的幫助,需要的朋友可以參考下
    2024-01-01
  • antd之RangePicker設置默認值方式

    antd之RangePicker設置默認值方式

    這篇文章主要介紹了antd之RangePicker設置默認值方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-12-12
  • React?JSX深入淺出理解

    React?JSX深入淺出理解

    React使用JSX來替代常規(guī)的JavaScript。JSX是一個看起來很像 XML的JavaScript語法擴展。我們不需要一定使用 JSX,但它有以下優(yōu)點:JSX執(zhí)行更快,因為它在編譯為JavaScript代碼后進行了優(yōu)化。它是類型安全的,在編譯過程中就能發(fā)現(xiàn)錯誤。使用JSX編寫模板更加簡單快速
    2022-12-12
  • 詳解react阻止無效重渲染的多種方式

    詳解react阻止無效重渲染的多種方式

    這篇文章主要介紹了詳解react阻止無效重渲染的多種方式,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-12-12
  • react ant Design手動設置表單的值操作

    react ant Design手動設置表單的值操作

    這篇文章主要介紹了react ant Design手動設置表單的值操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-10-10
  • 談談React中的Render Props模式

    談談React中的Render Props模式

    這篇文章主要介紹了談談React中的Render Props模式,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-12-12
  • 詳解React??App.js?文件的結構和作用

    詳解React??App.js?文件的結構和作用

    在React應用中,App.js文件通常是項目的根組件文件,它負責組織和渲染其他組件,是應用的核心部分,本文將詳細介紹App.js文件的結構、作用和最佳實踐,感興趣的朋友跟隨小編一起看看吧
    2024-08-08
  • 通過實例學習React中事件節(jié)流防抖

    通過實例學習React中事件節(jié)流防抖

    這篇文章主要介紹了通過實例學習React中事件節(jié)流防抖,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,,需要的朋友可以參考下
    2019-06-06
  • React?Native性能優(yōu)化紅寶書方案詳解

    React?Native性能優(yōu)化紅寶書方案詳解

    React?Native?是Facebook在React.js?Conf2015推出的開源框架,使用React和應用平臺的原生功能來構建Android和iOS應用,這篇文章主要介紹了React?Native性能優(yōu)化紅寶書,需要的朋友可以參考下
    2024-06-06

最新評論