React_语法规则

语法规则：

1、遇到HTML标签(以<开头)，就用HTML规则去解析，遇到代码块({开头)，就用JavaScript规则解析

2、class 编程 className

Hello， React

3、如果不存在子节点，你可以使用自闭合格式的标签

4、绑定数据采用的是单{}

Hello， React { a + b }

5、绑定style的时候要双{{ }}，第一层代表表达式，第二层代表对象

Hello， React { a + b }

6、注释

# 单行注释
{
         // 
Hi
}
# 多行注释
{
    /* 注释内容 */
}

7、自定义组件的时候，组件名称首字母大写

# Hello -> 首字母大写
function Hello() {
    return 
Hello, React
}

8、组件必须只能有一个根标签

import React, { Fragment } from 'react'
# Fragment 不会显示在DOM结构中

        
111
        
222
        
333
 

9、可以展开数组

let arr = [
    `
aaa
`,
    `
bbb
`,
]

function Hello() {
    return 
Hello, { arr }
}
# 结果
Hello, 
aaa
bbb

10、驼峰命名