函数组件没有自己转台只负责数据展示
类组件有自己的状态，负责更新ui
27state和setState的方法
state的值是对象，表示一个组件里面可以有多个的数据
组件内部的私有数据，只能在组件内部使用
简化语法初始化state
state= {
count:0}
this.state获取状态
状态是私有的，只能在组件内部使用
状态就是数据的
this.state来获取数据的
不要直接修改state当中的值
setState修改state更新ui
数据驱动视图
数据驱动视图
修改state跟新ui
this指向组件实例
将逻辑抽离到单独的方法当中
render方法当中的this就是组件实例
事件绑定this指向
箭头函数
利用箭头函数自身不绑定this特点
render方法单中的this未组件实例
Function.prototype.bind()
将事件处理程序当中的this和组件实例绑定在一起
利用bind方法将事件处理程序当中的this和组件实例绑定在一起
class的实例方法
箭头函数形式的class实例方法
受控组件
可变状态
react当中的可变状态保存在state,斌且只能通过setState来修改
state的值来控制表单元素的值
受控组件
根据表单元素类型获取对应的值
非受控组件
借助ref使用原生dom的方式来获取表单元素的值
React.createRef()方法来创建一个ref
创建号的ref对象添加到文本框当中的
组件的两种创建方式：函数组件类组件
无状态组件：负责静
