JSX的本质

Posted 2023-03-16

参考技术A

先看一下JSX的常见写法

JSX是语法糖 ，通过babel转成 React.createElement 函数，在 babel官网 上可以在线把JSX转成React的JS语法

JSX的本质是React.createElement()函数

最后一个参数并未写成可变参数的形式，为什么可以传入多个参数呢？

根元素中有三个子元素，第二个子元素中也有4个子元素，所以 function createElement(type, config, children) 中的children是对应是多个参数，类似可变参数的写法。
React实际处理是怎样的呢？

createElement 函数返回的对象是 ReactEelement 对象。
createElement的写法如下

实际开发中不会使用 createElement 来创建 ReactElement 的，一般都是使用 JSX 的形式开发。

ReactElement 在程序中打印一下