React 使用 JSX 來替代常規的 JavaScript。
JSX 是一個看起來很像 XML 的 JavaScript 語法擴展。
不需要一定使用 JSX，它有以下優點：
? ? JSX 執行更快，因為它在編譯為 JavaScript 代碼后進行了優化。
? ? 它是類型安全的，在編譯過程中就能發現錯誤。
? ? 使用 JSX 編寫模板更加簡單快速。

推薦在 React 中使用 JSX 來描述用戶界面。
元素是構成 React 應用的最小單位，JSX 就是用來聲明 React 當中的元素。

要將 React 元素渲染到根 DOM 節點中，我們通過把它們都傳遞給 ReactDOM.render() 的方法來將其渲染到頁面上；

看幾個實例；

定義element，然后渲染到id為root的div中；

定義div的邊框，把一段html渲染到其中；?

定義div邊框3像素、實線、綠色，渲染內容到其中；JSX可使用js表達式；?

定義div邊框為虛線；style使用一個變量來定義；?

?

總結

以上是生活随笔為你收集整理的React JSX 实例图解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。