第一节 React 元素
React微课 / 第一节 React 元素
1/4

React 元素介绍

React 元素是构成 React 应用的最小单元,它与浏览器的 DOM 元素不同。React 元素的表现形式是普通的 JavaScript 对象,被用来描述 React 的虚拟 DOM 结构,也就是说,React 核心的虚拟 DOM 是由一个个 React 元素构成的。

我们通常都会使用 JSX 语法来创建 React 元素,下面来看个简单示例:

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

代码解析:示例中变量的值是一个 HTML 元素??没错!这就是 React 推荐使用的 JSX 语法,我们会在下一章节重点学习,此处先来揭晓 React 元素的本质。

执行以下代码:

console.log( element );

在开发者控制台可以看到,element 的值是一个简单的 JavaScript 对象: element

参考答案