手機也能上課
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 對象: