多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
[toc] ## API注意事项 ``` React.createElement( type, [props], //是一个对象,别被这个[]欺骗= = [...children] //可以作为多个参数,也可以放在一个数组里 ) ``` 调用`createElement`后返回的是虚拟DOM,是对原生html标签元素或则react元素的描述 ![](https://box.kancloud.cn/6f5ce0b8304c9ea6f0c2a165e6c89fdc_583x300.png) 等价于下面 ![](https://box.kancloud.cn/e8d0fb5e93a8e0a7968657c121ad0315_542x269.png) So,通过createElement给元素添加孩子有两种方式,一种是`123,234`,一种是`[123,234]` 孩子除了可以是数字和字符串,也可以是一个虚拟dom(react-element) ![](https://box.kancloud.cn/eefe8d864e200e974f4a0c0afd5bea51_599x377.png) 上面的写法等同于 ![](https://box.kancloud.cn/12217b28602504a07694aa4bc11c6d90_426x91.png) 区别在于如果所有孩子放在一个数组里,作为一个参数,而不是各自作为一个参数,会报一个缺少key的警告 ![](https://box.kancloud.cn/c50b7c9d05c3211118a4dd102c77e6b2_625x88.png) ## type:是普通html还是react组件? 如果type是一个字符串,说明这个react元素是一个普通的html元素 如果type是一个function,说明这个react元素是一个react组件 ![](https://box.kancloud.cn/372c5bbdc33fa4859ecc279d4cd751aa_505x372.png)