React详细教学(一)

了解jsx语法规范

let myId = "React"
    let data = {
        page: 1,
        num: 2
    }
    const VDOM = (
        // 需要一个根标签来包裹内部子标签
        
            { color: "orange" }} className='aa' >{myId}
            { color: "orange" }} className='aa' >{data.page}
            { color: "orange" }} className='aa' >{data.num}
            

        
        // aaa  报错 html无同名标签
        // aaa 报错 未定义组件
    )
    ReactDOM.render(VDOM, document.getElementById('app'))

1.定义虚拟dom时不能带""

2.标签中需要用到js表达式时应用{}包裹

3.标签必须闭合

4.类名要用className 为了区别ES6中的class类

5.内联样式需要{{}}形式

6.需要一个根标签来包裹内部子标签

7.标签首字母

（1）若小写字母开头，则将标签转为html中同名元素，若html中无同名元素标签则报错

          (2) 若以大写字母开头,则将标签视为组件，若组件不存在 报错