react中JSX指的是什么

這篇文章將為大家詳細講解有關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指的是什么就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。