1: react 组件: 分为简单组件和复杂组件:
简单组件(无状态) 复杂组件(有状态)
函数组件为:为简单组件。 类组件: 为复杂组件。
2: 组件状态怎么理解:
对比: 人 ===> 状态 ===> 影响 ===> 行为; 组件 ===> 状态 ===> 驱动 ===> 页面
3: react: 组件实例对对象上, 有一个属性是State: 用来描述组件的状态(state)
组件身上三个属性: props, refs, state(状态) / content(上下文)
组件实例对象的三大核心属性: State:
State: 是组件对象最重要的属性, 值是对象 (包含多组 key: value 组合)
组件被称为状态机, 通过更新组件的state 来更新对应的页面显示(重新渲染组件)
4: 4.1:组件中render 方法中的this 为组件实例对象。
4.2:组件自定义方法中 this 为 underfinder : a: 强制绑定 this, 通过函数对象的bind()
b: 箭头函数
4.3:状态数据, 不能直接修改或者更新。
5: 创建组件的方法: 函数式定义 function () 类式定义 class ()
class 创建组件的时候, react 会在会内部创建一个new 的操作去实例化当前的类组件。
6: 提到实例:必须通过类创建组件, react 会在内部创建一个 new 的操作实例化当前类组件。
使用类创建组件: 注意三个点: 使用类组件创建实例: 6.1: 必须要继承父组件(react.component) 6.2: 必须要使用render 函数 6.3:必须有返回值 return 返回值;