()函数调用的第一个实参数的写法
import React from 'react'; // 引入react.js库,并用import关键字定义实例化了一个React对象
import ReactDOM...;
}`
注意:布尔类型、Null 以及 Undefined 将会被忽略,false, null, undefined, true是合法的子元素。但它们并不会被渲染。...的原理,理解了这个,你将会知道一个JSX究竟是怎么工作,以及怎么渲染到页面上去的
JSX原理
页面中的DOM元素结构都可以用javascript对象来描述,包括的信息有,标签名,属性,子元素,事件对象...表达式会被转为普通 JavaScript 函数调用,并且对其取值后得到 JavaScript 对象
React.createELmenet会构建一个js对象来描述你的HTML结构信息,包括标签名,属性...()做的事情,把组件渲染并且构造 DOM 树,然后插入到页面上某个特定的元素上
所以在你编写一个组件的时候,一开始就要引入两个文件的
当使用JSX到最终展现页面结构到浏览器上:经历了如下过程:如果你在代码中进行断言一下