App下載
3. 第一節(jié) React 元素
React 入門課程 / 3. 第一節(jié) React 元素
手機也能上課
App下載
1/4

React 元素介紹

React 元素是構成 React 應用的最小單元,它與瀏覽器的 DOM 元素不同。React 元素的表現(xiàn)形式是普通的 JavaScript 對象,被用來描述 React 的虛擬 DOM 結構,也就是說,React 核心的虛擬 DOM 是由一個個 React 元素構成的。

我們通常都會使用 JSX 語法來創(chuàng)建 React 元素,下面來看個簡單示例:

const element = <div>第一個 React 元素</div>

代碼解析:示例中變量的值是一個 HTML 元素??沒錯!這就是 React 推薦使用的 JSX 語法,我們會在下一章節(jié)重點學習,此處先來揭曉 React 元素的本質。

執(zhí)行以下代碼:

console.log( element );

在開發(fā)者控制臺可以看到,element 的值是一個簡單的 JavaScript 對象: element

+10 經(jīng)驗 +10積分
解析
提示
參考答案
+10 經(jīng)驗 +10積分
視頻播放結束,是否學習下一節(jié)?