XML(HTML) 只能有且仅有一个顶层元素 ,当然也可以借助React提供的Fragment(也叫占位符)这个内置组件将你写的JSX子元素给包裹起来,可以包含子节点 ,也支持插值表达式 {表达式}
为了便于阅读...是如何使用的
JSX的具体使用
在JSX中嵌入表达式{ 表达式 }
双大括号内可以是变量,字符串,数组,函数调用, 但是不可以是对象,也不支持 if,for语句
例如:你在插值表达式里写对象:它是会报错的...的原理,理解了这个,你将会知道一个JSX究竟是怎么工作,以及怎么渲染到页面上去的
JSX原理
页面中的DOM元素结构都可以用javascript对象来描述,包括的信息有,标签名,属性,子元素,事件对象...表达式会被转为普通 JavaScript 函数调用,并且对其取值后得到 JavaScript 对象
React.createELmenet会构建一个js对象来描述你的HTML结构信息,包括标签名,属性...()做的事情,把组件渲染并且构造 DOM 树,然后插入到页面上某个特定的元素上
所以在你编写一个组件的时候,一开始就要引入两个文件的
当使用JSX到最终展现页面结构到浏览器上:经历了如下过程:如果你在代码中进行断言一下