React学习

React学习（未学完）

React中使用jsx方法

jsx语法规则

1、<script type="text/babel"></script>。
2、定义虚拟DOM时，不要写引号。
3、标签中混入JS表达式时要用{}。
4、样式的类名指定不要用class，要用className。
5、内联样式，要用style={{key:value}}的形式去写.
6、虚拟DOM只能有一个根标签。
7、虚拟DOM里标签必须闭合。
8、标签首字母
（1）.若小写字母开头，则将该标签转为html中同名元素，若html中无同名元素，则报错。
（2）.若大写字母开头，react就去渲染对应的组件，若组件没有定义，则报错。

区分【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: }