jsx的语法规则

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

const VDOM = <div><h1>声明的标签外部不需要加引号</h1></div>

2.标签中混入js表达式时要用{}包裹

const myName = "小明"
const VDOM = <div>{myName}</div>

3. 样式的类名不要用class，要用className

  const VDOM = <div className="box"></div>

4. 内联样式,要用style={{}}的形式,像font-size这类的要写成小驼峰形式

 const VDOM = <div style={{color:"red",fontSize:"30px"}}></div>

  5.只有一个根标签，标签必须闭合
  6.标签首字母若小写开头，则自动转为html标签，如html无此标签则报错
  7.若大写字母开头，react就去渲染对应的组件，若组件未定义，则报错