react基础

React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库 数据是向下流动的 这个和vue是一样的vue的数据也是向下流动的

第一步 安装npx create-react-app 项目名        //项目名不要写react 上一级目录也不能带中文和大写字母

创建组建的时候有类组件（也叫有状态组件）和函数组件 （无状态组件）

类组件有自己的状态和自己的生命周期 函数组件则没有状态也没有生命周期  需要用hook state来维护

插值是单花括号 而不是双花括号

类组件中的状态维护是通过this.state =（）来维护的 函数组件的状态维护是通过hook解构的方式

jsx只能有一个根标签（节点）否则会报错 react中使用{}进行数据绑定

class组件中条件渲染的话写在return 里面 如果不是条件渲染 则return写在外边

所有的列表渲染都需要map方法来实现 只能用map方法来遍历 

react中的绑定key中的index不能带引号 

只要列表渲染 就一定要绑定key

react事件绑定中 用原生js的事件 需要增加前缀on 使用驼峰命名的形式绑定事件 

事件传参的话需要箭头函数的形式来传参

类组件：

 类组件没有办法复用 有完整的生命周期函数 必须在render中定义模板 访问状态的话 需要用this.state.xxx 状态必须写在 constructor中 类组件事件中的this会丢失 需要调用事件并通过bind（）进行绑定 比如在模板里面写{this.时间名=this.事件名（this）} 再或者在构造器constructor中写 this.事件名=this.事件名（this）

函数组件：

函数组件可以复用 没有完整的生命周期但是有hook

 

react建议用大驼峰命名来区分是标签还是组件名