React笔记 jsx语法规则

jsx语法规则：

1. 定义虚拟DOM时，不要写引号。
2. 标签中混入JS表达式时要用{}。

const myId='aTgUiGu'
       const myData='hello,rEaCt'
       // <!-- 1.创建虚拟DOM -->
const VDOM = (
            <h2 id={myId.toLowerCase()}>
                <span>{myData.toLowerCase()}</span>
            </h2>)

显示结果：

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

4. 内联样式，要用style={{key:value}}的形式去写。
   
5. 虚拟DOM必须只有一个根标签
   
6. 标签必须闭合
7. 标签首字母
   （1）.若小写字母开头，则将该标签转为html中同名元素，若html中无该标签对应的同名元素，则报错。
   （2）.若大写字母开头，react就去渲染对应的组件，若组件没有定义，则报错。