react 组件

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  返回值；