手機(jī)也能上課

1/4
React 元素介紹
React 元素是構(gòu)成 React 應(yīng)用的最小單元,它與瀏覽器的 DOM 元素不同。React 元素的表現(xiàn)形式是普通的 JavaScript 對象,被用來描述 React 的虛擬 DOM 結(jié)構(gòu),也就是說,React 核心的虛擬 DOM 是由一個(gè)個(gè) React 元素構(gòu)成的。
我們通常都會使用 JSX 語法來創(chuàng)建 React 元素,下面來看個(gè)簡單示例:
const element = <div>第一個(gè) React 元素</div>
代碼解析:示例中變量的值是一個(gè) HTML 元素??沒錯!這就是 React 推薦使用的 JSX 語法,我們會在下一章節(jié)重點(diǎn)學(xué)習(xí),此處先來揭曉 React 元素的本質(zhì)。
執(zhí)行以下代碼:
console.log( element );
在開發(fā)者控制臺可以看到,element 的值是一個(gè)簡單的 JavaScript 對象: