這篇文章將為大家詳細講解有關react中JSX指的是什么,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

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