史上最全的React学习总结，保你一看就会。(二)

今天主要讲一下React面向组件编程

一.React的基本注意事项和流程：

        1.注意：

                （1）组件名必须首字母大写

                （2）虚拟DOM元素只能有一个根元素

                （3）虚拟DOM元素必须有结束标签

        2.渲染类组件标签的基本流程：

                （1）React内部会创建组件实例对象

                （2）调用render()得到虚拟DOM, 并解析为真实DOM

                （3）插入到指定的页面元素内部

二.组件三大核心属性：state,props,refs与事件处理

        1.对state的理解：

                （1）state是组件对象最重要的属性, 值是对象(可以包含多个key-value的组合)

                （2）组件被称为"状态机", 通过更新组件的state来更新对应的页面显示(重新渲染组件)

        2.强烈注意事项：

                （1）组件中render方法中的this为组件实例对象

                （2）组件自定义的方法中this为undefined，如何解决？

                        a）强制绑定this: 通过函数对象的bind()

                        b)  箭头函数

                  (3) 状态数据，不能直接修改或更新

        3.对props的理解：

                （1）每个组件对象都会有props(properties的简写)属性

                （2）组件标签的所有属性都保存在props中

        4.props的作用ÿ