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}