JSX 表示對象

Babel 會把 JSX 轉譯成一個名為 React.createElement() 函數調用。

以下兩種示例代碼完全等效：

const element = (<h1 className="greeting">Hello, world!</h1> ); const element = React.createElement('h1',{className: 'greeting'},'Hello, world!' ); // 注意：這是簡化過的結構 const element = {type: 'h1',props: {className: 'greeting',children: 'Hello, world!'} };

這些對象被稱為 “React 元素”。它們描述了你希望在屏幕上看到的內容。React 通過讀取這些對象，然后使用它們來構建 DOM 以及保持隨時更新。

總結

以上是生活随笔為你收集整理的react学习(42)----react中的jsx表达对象的全部內容，希望文章能夠幫你解決所遇到的問題。

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