jsx语法总结(简略版)

110 阅读1分钟
    js语句与表达式
    1.表达式:一个表达式会产生一个值。例如:x,  x+y, hello(1), arr.map
    2.语句:例如if(){},  for(){}, switch(){}

jsx语法规则:

1.只有一个跟标签

2.标签必须闭合

3.定义虚拟DOM时,不能使用引号包括

4.指定的类名不能使用class,而是使用className

5.内联样式要使用{{}},style={{key1: value1, key2: value2}},value要用引号,key是驼峰形式。

6.标签混入js表达式时要用{}

7.标签首字母如果是小写,内部会将该标签html的标签,如果发现没有找到会报错。如果标签是大写,react会查找对应的组件,如果没有报错。

image.png