React 元素是構(gòu)成 React 應(yīng)用的最小單元，它與瀏覽器的 DOM 元素不同。React 元素的表現(xiàn)形式是普通的 JavaScript 對(duì)象，被用來(lái)描述 React 的虛擬 DOM 結(jié)構(gòu)，也就是說(shuō)，React 核心的虛擬 DOM 是由一個(gè)個(gè) React 元素構(gòu)成的。

我們通常都會(huì)使用 JSX 語(yǔ)法來(lái)創(chuàng)建 React 元素，下面來(lái)看個(gè)簡(jiǎn)單示例：

const element = <div>第一個(gè) React 元素</div>

代碼解析：示例中變量的值是一個(gè) HTML 元素？？沒(méi)錯(cuò)！這就是 React 推薦使用的 JSX 語(yǔ)法，我們會(huì)在下一章節(jié)重點(diǎn)學(xué)習(xí)，此處先來(lái)揭曉 React 元素的本質(zhì)。

執(zhí)行以下代碼：

console.log( element );

在開(kāi)發(fā)者控制臺(tái)可以看到，element 的值是一個(gè)簡(jiǎn)單的 JavaScript 對(duì)象：