React 之 大纲学习目录

第一天:

1)虚拟DOM的两种创建方式

    函数组件 和  类组件

2)jsx语法规则

3)react 如何定义组件

    通过完整的类组件的写法,还有简写形式

4)组件实例三大属性1_state

    1.理解类中this的指向问题

    2.理解简写形式

    3.不能直接修改state,而是通过setState来修改

    4.构造器绑定事件处理函数及简写形式

5)组件实例三大属性2_props

    1.构造器中和super中写不写props的情况

    2.props可以设置数据类型限制和默认值 (注意:PropTypes 和 propTypes的区别)

        a. React.PropTypes.string.isRequired 是 15.几时存在,16之后就取消了

             减少js核心包的臃肿,通过prop-type.js来引用即可

    3.在类中 通过static 关键字作为  类的属性来写 第二点的内容

    4.props是只读的,不允许修改

    5.函数组件唯一能玩转的是props核心属性

    6.通过扩展运算符进行props传递

       (1)扩展运算符的理解

第二天

1)组件实例三大属性3_ref

   1.string类型 refs (未来将被移除,效率问题,但目前不影响使用,很方便)

   2.回调形式的ref

        (1)内联 : 会导致state变化时,回调函数执行了两次,但是不影响,每次执行都会当成新的回调函数

        (2)外联: 可以解决上面的问题

   3.React.createRef()   <推荐>

   3.回调函数的三个特点:

       (1)是不是自己定义的

       (2)确实没调用

       (3)有执行

2)