react源码1 - reactElement

我们在写react代码的时候，使用的都是jsx的语法，那jsx是怎么转化成js能被浏览器识别的呢。
我们直接看babel是怎么转译的。左侧是jsx语法，右侧是转译结果。

image.png

很明显，react通过React.createElement来把jsx语法转化成浏览器能识别的js语法。
createElement接收三个参数，分别是type, config, children。
type是一个string类型，用来区分标签类型，如果是大写的的type，则会被识别为是组件。
config则是标签的属性例如id，class等。
children是子元素，如果没有子元素就没有。