亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

React中的HTML轉(zhuǎn)義寫法

Charlie_Jade / 3316人閱讀

摘要:所以,如果中含有轉(zhuǎn)義后的實(shí)體字符,比如,則最后中不會(huì)正確顯示,因?yàn)樽詣?dòng)把中的特殊字符轉(zhuǎn)義了。

在JSX中輸出固定內(nèi)容

直接使用UTF-8字符

版權(quán) ?

使用HTML轉(zhuǎn)義字符

版權(quán) ©

或者十進(jìn)制的轉(zhuǎn)義字符

版權(quán) ©

動(dòng)態(tài)內(nèi)容的轉(zhuǎn)義

但是如果在外面加一層大括號(hào)的話,react為了防止xss會(huì)將轉(zhuǎn)義后的字符實(shí)體再次轉(zhuǎn)義

React 會(huì)將所有要顯示到 DOM 的字符串轉(zhuǎn)義,防止 XSS。所以,如果 JSX 中含有轉(zhuǎn)義后的實(shí)體字符,比如 ?(?),則最后 DOM 中不會(huì)正確顯示,因?yàn)?React 自動(dòng)把 ? 中的特殊字符轉(zhuǎn)義了。

{"版權(quán) ©"}

錯(cuò)誤輸出

版權(quán) ©

正確寫法:

直接使用UTF-8字符仍然可以正確輸出

{"版權(quán) ?"}

安全的做法是使用對(duì)應(yīng)的Unicode碼

{"版權(quán) u00a9"}

使用fromCharCode

{"版權(quán) " + String.fromCharCode(169)}

使用數(shù)組組裝

{["版權(quán) ", ©]}

使用dangerouslySetInnerHTML,可以避免React轉(zhuǎn)義字符

參考

JSX Gotchas

深入react技術(shù)棧

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/90215.html

相關(guān)文章

  • React入門學(xué)習(xí)

    摘要:對(duì)象的屬性與組件的屬性一一對(duì)應(yīng),但是有一個(gè)例外,就是屬性,它表示組件的所有子節(jié)點(diǎn)。此外,還提供兩種特殊狀態(tài)的處理函數(shù)。組件中樣式的寫法這種方式錯(cuò)誤使用這種方式,第一重大括號(hào)表示這是語(yǔ)法,第二重大括號(hào)表示樣式對(duì)象。 如何渲染到容器 直接上代碼: //第一個(gè)參數(shù)是構(gòu)造的組件,第二個(gè)參數(shù)是使用組件的容器 ReactDom.render( , document.getEleme...

    laznrbfe 評(píng)論0 收藏0
  • react開發(fā)教程(-)初識(shí)

    摘要:定義一個(gè)組件可以在其他組件中調(diào)用這個(gè)組件調(diào)用組件劉宇組件插入內(nèi)容在上面的案例中可以看到吧寫到當(dāng)中,這種寫法稱為。 React初識(shí) React是Facebook推出的一個(gè)javascript庫(kù)(用來創(chuàng)建用戶界面的Javascript庫(kù)),所以他只是和用戶的界面打交道,你可以把它看成MVC中的V(視圖)這一層。 組件 React的一切都是基于組件的。web世界的構(gòu)成是基于各種HTML標(biāo)簽的...

    Allen 評(píng)論0 收藏0
  • render方法括號(hào)的作用

    摘要:并且只會(huì)執(zhí)行表達(dá)式輸出與上面的表達(dá)式不同的是表達(dá)式和都會(huì)執(zhí)行這就是括號(hào)的作用。所以可以得出結(jié)論方法中結(jié)果添加括號(hào)的目的是為了更符號(hào)原生編碼習(xí)慣的的思維并且在一些例如中編寫時(shí)標(biāo)簽自動(dòng)對(duì)齊方式更好看。 在學(xué)習(xí)過程中,發(fā)現(xiàn)一個(gè)小問題,因?yàn)樾『苌偃岁P(guān)注討論過這個(gè)問題, react構(gòu)建component的render方法中return后面為什么要加括號(hào)?下面嘗試給出些解釋。首先(),(1,2)這...

    AaronYuan 評(píng)論0 收藏0
  • 使用React 應(yīng)當(dāng)注意的幾個(gè)地方

    摘要:都會(huì)造成錯(cuò)誤,注意一定一定嚴(yán)格的用,所以我建議直接復(fù)制我的。因?yàn)橛玫脑捤麜?huì)轉(zhuǎn)義代碼,寫不寫其實(shí)一個(gè)樣。不可避免的,構(gòu)建肯定是要用到的。這個(gè)時(shí)候一般用的是在外面保存然后里面調(diào)用第二個(gè)坑更隱蔽。 目標(biāo)人群 獻(xiàn)給熟悉基礎(chǔ)的React語(yǔ)法的剛接觸React的同學(xué)~ 如果你已經(jīng)寫過半年以上的React那也不用看了,畢竟我水平并不高 Whats React React 是一個(gè)不存在的網(wǎng)絡(luò)公司Fac...

    高璐 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

Charlie_Jade

|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<