JSX入门

3.1 概述

1. 全称: JavaScript XML

2. React定义的一种类似于XML的JS扩展语法: JS + XML本质是React.createElement(component, props, ...children)方法的语法糖

3. 作用: 用来简化创建虚拟DOM
   a.写法：const ele = <h1>Hello JSX!</h1>
   b.注意1：它不是字符串, 也不是HTML/XML标签
   c.注意2：它最终产生的就是一个JS对象

3.2 基本语法规则

1. 定义虚拟DOM时，不要写引号。

2. 标签中混入JS表达式时要用 { }。

3. 样式的类名指定不要用 class，要用 className。（因为class是ES6中类的关键字，所以不让用）

4. 内联样式，要用 style={{ key:value }} 的形式去写。

5. 只有一个根标签

6. 标签必须闭合

7. 标签首字母
   a.若小写字母开头，则将该标签转为html中同名元素，若html中无该标签对应的同名元素，则报错。
   b.若大写字母开头，React就去渲染对应的组件，若组件没有定义，则报错。