JSX
JSX语法
使用规则
1.可以创建一个独立的js文件来使用，通过script标签来引入
2.使用多个标签，需用div来包裹
3.支持表达式，js表达式可以直接解析
4.不支持if else 但是可以使用三元表达式
5.直接解析数组
6.标签中注释需使用{}包裹，区别于原先的js注释，否则的话，会被解析成文本
7.推荐使用内联样式，直接进行样式的绑定
为什么使用JSX语法
jsx语法允许html和js混写，使页面数据和样式的操作变得更加简单
遇到html标签（以<开头），就用HTML规则解析
遇到以{开头的结构，就用js规则解析
注意事项
React使用驼峰命名，而不是全部小写
通过JSX，你传递一个函数作为事件处理程序，而不是一个字符串
模板部分不能有多个根节点
在使用jsx语法的时候，要关注到js的关键字和保留字的问题
使用class属性的时候需要使用className
组件
1、什么是组件
组件使你可以将UI划分为一个一个独立，可复用的小件，并且可以对每个部位进行单独的设计从定义上来说，组件就像js的函数，封装内容，打到重用的目的
组件可以接受任意输入（称“props”），并返回react元素，用以描述屏幕显示内容
2、为什么使用组件
封装 将页面上可以重复的部分进行封装
重复 封装好的组件在使用的时候，直接使用标签名称进行调用
3、如何使用组件
(1)、组件的名称，首字母必须大写
(2)、一个组件只能有一个根元素
4、组件的创建方式
1、函数式组件
2.组件类 class 组件类,必须继承React.Component,否则就是一个普通的类
在组件类中,必须通过render()方法 返回组件模板
