這篇文章將為大家詳細(xì)講解有關(guān)react中JSX指的是什么,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
react JSX是一種JavaScript的語法擴展,運用于React架構(gòu)中,其格式比較像是模版語言,但事實上完全是在JavaScript內(nèi)部實現(xiàn)的;JSX為react.js開發(fā)的一套語法糖,也是react.js的使用基礎(chǔ)。
react中JSX是什么?
JSX即JavaScript XML,是Javascript和XML結(jié)合的一種格式。
JSX是一種JavaScript的語法擴展,運用于React架構(gòu)中,其格式比較像是模版語言,但事實上完全是在JavaScript內(nèi)部實現(xiàn)的。元素是構(gòu)成React應(yīng)用的最小單位,JSX就是用來聲明React當(dāng)中的元素,React使用JSX來描述用戶界面。
JSX為react.js開發(fā)的一套語法糖,也是react.js的使用基礎(chǔ)。React在不使用JSX的情況下一樣可以工作,然而使用JSX可以提高組件的可讀性,因此推薦使用JSX。
這個是官網(wǎng):http://facebook.github.io/jsx/
JSX的特點
可以將HTML語言直接寫在JavaScript語言之中,不加任何引號,這就是JSX的語法,它允許HTML與JavaScript的混寫。
JSX允許直接在模板插入JavaScript變量。如果這個變量是一個數(shù)組,則會展開這個數(shù)組的所有成員。
防注入攻擊
在JSX中嵌入用戶輸入是安全的;
React DOM在渲染之前默認(rèn)會過濾所有傳入的值。它可以確保應(yīng)用不會被注入攻擊。所有的內(nèi)容在渲染之前都被轉(zhuǎn)換成了字符串。這樣可以有效地防止XSS(跨站腳本攻擊)
Babel轉(zhuǎn)譯器會把JSX轉(zhuǎn)換成一個名為React.createElement()的方法調(diào)用。
如果在普通的html里面要寫jsx語法,要將script的type改成text/jsx,這是因為React獨有的JSX語法跟JavaScript不兼容。凡是使用JSX的地方,都要加上type=“text/jsx”。其次,React提供倆個庫:react.js和JSXTransformer.js,它們必須首先加載。其中,JSXTransformer.js的作用是將JSX語法轉(zhuǎn)為JavaScript語法。這一步很消耗時間,實際上線的時候,應(yīng)該把它放到服務(wù)器完成。
關(guān)于react中JSX指的是什么就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
文章題目:react中JSX指的是什么-創(chuàng)新互聯(lián)
標(biāo)題鏈接:http://jinyejixie.com/article8/cesjip.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供服務(wù)器托管、電子商務(wù)、營銷型網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、企業(yè)網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容