JSX 是什么？与 JS 的区别？

Question

JSX 是 JS 代码中使用 HTML ，用来描述组件的结构。不能直接被浏览器使用，需要 babel 类 编译工具进行转化。

与JS区别

1. JS 可以直接使用，JSX需要转化
2. JSX 等同于 React.createElement

为什么顶部需要引入 React

因为 JSX 依赖 React，JSX本质上是 React.createElement

React 组件为什么要大写

React.createElement 函数创建虚拟DOM时， 如果首字母小写，则会认为是字符串，然后转换成HTML标签，不会识别为自定义组件，因此必须大写

组件根节点只能有一个元素

因为虚拟 DOM 是树形结构，树的根节点只能为一个，而且组件进行diff 时，多个节点不好进行判断