JSX生成的React元素

xxxxxxxxxx
const element=<h1 className="con">hello，baizhan</h1>

JSX被编译后变成这样一段JS代码：

xxxxxxxxxx
const element = React.createElement(
  'h1',
  {className: 'con'},
  'hello，baizhan'
);

React.createElement返回的对象长这个样子，这个对象用来描述界面应该长什么样子，我们就把这个对象称为React元素

xxxxxxxxxx
//简化版
const element = {
  type: 'h1',
  props: {
    className: 'con',
    children: 'hello，baizhan'
  }
};

可以打印一下，查看完整的React元素

xxxxxxxxxx
console.log(<h1 className="con">hello，baizhan</h1>)

之后React DOM会根据这个对象描述的信息生成真正的DOM元素。

实时效果反馈

1. 下列关于React元素描述错误的是：

A React元素是JSX返回的一个对象

B React元素是React.createElement()返回的一个对象

C React元素是用来描述页面的一个对象

D React元素就是真实的DOM元素

答案

1=>D