react基础

JSX语法

1.JavaScript XML，react定义的一种类似于XML的JS扩展语法

2.本质是React.createElement(component, props, ...children)方法的语法糖

3.作用: 用来简化创建虚拟DOM

4.语法规则：

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

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

   4.3.样式的类名指定不要用class，要用className

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

   4.5.只有一个根标签

   4.6.标签必须闭合

   4.7.标签首字母：

        a.若小写字母开头，则将该标签转为html中同名元素，若html中无该标签对应的同名元素，则报错。

        b.若大写字母开头，react就去渲染对应的组件，若组件没有定义，则报错。

组件三大核心属性1: state