web前端全系列 教程
1839个小节阅读:2243.9k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
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