初始react和使用——事件处理、样式处理和组件
一、react官网
1、官网下载
官网分别有中英文两种：
中文官网：React 官方中文文档 – 用于构建用户界面的 JavaScript 库
英文官网：https://reactjs.org/
2、react简介
react是用于构建用户界面的JavaScript库，起源于Facebook的内部项目
由于react的设计思想十分独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用它，认为它可能是将来web开发的主流工具。
react的好处：
- 声明式设计: React使创建交互式UI变得轻而易举。为你应用的每一个状态
设计简洁的视图,当数据变动时React能高效更新并渲染合适的组件 - 组件化:构建管理自身状态的封装组件,然后对其组合以构成夏杂的UI。
- 高效:React通过对DOM的模拟,最大限度地减少与DOM的交互。
- 灵活:无论你现在使用什么技术栈，在无需重写现有代码的前提下,通过引React来开发新功能。
注：在学习react之间我们所需要掌握的js知识有：es6语法、this发的指向、面向对象【原型、原型链、class类、继承】、模块化、柯里化函数等一些基础的js
3、需使用的JavaScript库
使用方法：
第一种：使用npm安装库
方法二：直接进行引入链接即可
需要值得注意的是建议是用18版本以前的版本，因为18以后的版本语法有一定变化。
二、使用react
1、创建对象
创建虚拟DOM对象，并进行渲染。
Document
（1）jsx语法：全称JavaScript XML。是一种JavaScript的语法扩展，运用于react架构中，其格式比较像是模板语言，但事实上完全是在JavaScript内部实现的 。元素是其构成react应用的最小单位，jsx就是用来声明react当中的元素，react使用jsx来描述用户界面。
（2）插值符号：{}
插值符号内可以写的内容：
1、表达式
2、数组
3、字符串
4、即时函数
5、布尔值
6、三目表达式
（3）js语句和js表达式
表达式：一个表达式会产生一个值，可以放在任何一个需要值的地方
js语句：
2、样式处理
这里我不知道该如何组织我的语言咯，我就简单的说一下哈，剩下的自己理解哈哈哈~~~原谅我这小学语言水平组织能力
第一种方式：
样式放在head标签中写，和html+css写样式一样的，但不同在于引用样式的时候采用className属性进行引用。
第二种方式：
样式是在script中写以对象的形式，在引用时直接使用style={对象名}
另外一种我觉得差别不大，就和json一样，调用时采用对象.属性名
直接上代码哈哈：
2-样式处理
3、事件处理
react元素的事件处理和DOM元素类似，知识在语法上有所不同：
- react事件绑定属性的命名采用驼峰式写法，而不是小写
- 如果采用jsx语法你需要传入一个函数作为事件处理函数，而不是一个字符串（DOM元素的写法）
