jsx语法规则

1.创建虚拟DOM时，不要写引号；

2.标签中要混入js表达式，要是用{}

3.标签中样式的类名要用className指定

4.标签中的内联样式要用style={{color:‘white’}}，注意属性名转为小驼峰

5.只能有一个根标签

6.标签必须闭合

7.关于标签首字母

1.若首字母小写，那么React就会去寻找与之同名的html标签

若找见，直接转为html同名元素

若未找见，报错

2. 若首字母大写，那么React就会去寻找与之同名的组件

若找见，那么就是用组件

若未找见，报错

8、一定注意区分：【js语句(代码)】与【js表达式】

1.表达式：一个表达式会产生一个值，可以放在任何一个需要值的地方

• 下面这些都是表达式：
  • (1). a
  • (2). a+b
  • (3). demo(1)
  • (4). arr.map()
  • (5). function test () {}

2.语句(代码)：

• 下面这些都是语句(代码)：
  • (1).if(){}
  • (2).for(){}
  • (3).switch(){case:xxxx}