wqxc

继承是面向对象语言的一大特性，用来让一个类继承另外一个类，以此来复用代码。 在这里需要明白一个关系：类与实例。 继承是类与类之间的一种关系。 而一个类要想使用，首先是要进行实例化。 一个类就如同汽车设计图，实例则是一个真实的汽车，汽车设计图是有用的，但是，你不能拿汽车设计图来履…

Reac中用到很多的 KeyOf/keyMirror 方法。 这个方法的作用很简单，就是将一个对象的key返回出去。

Element 是我们用jsx语法写的组件被babel转译之后调用createElement 方法生成的对象。 这个对象描述了当前组件极其子组件的关系。是DOM树的js对象表示方法。 Element对象有一个属性 type描述的是组件的类型。根据这个类型的不同，会生成不同的挂载…

TOBE

在react数据流中，可以通过props，refs和Context来访问其它组件的属性，其中利用refs可以在数据流外强制修改组件实例. 可以为ref赋值来访问真实DOM。 如果ref属性被用于html元素，那么它的值是底层DOM元素。 如果ref属性被用于自定义类组件，那么它…

updateComponent方法是综合组件挂载实例的核心方法之一，主要的作用是在组件更新的时候调用。 该方法就是在非正式环境下，根据提供的propTypes来验证props。 这里来说一下 shouldComponentUpdate 方法，这个是React赋予开发者的方法，开…

综合组件在被实例化为挂载实例的时候会带有一些内部属性，这些属性都是以'_'开头。 这里是将构建当前挂载实例的element 赋值给 this._currentElement。这样一个挂载实例的 _currentElement 属性就存储了构建这个挂载实例的element。 _r…

每一个React项目都会有一个根组件(当然是针对单页面的项目)。比如我们经常使用的叫做 App的组件。 ReactDOM负责将根组件挂载在指定的DOM元素上，一般我们指定的是 id为app的div上。 React中组件的转译之路。 React中我们直接使用的jsx语法来写组件，…

我们上一篇文章mount-- 第三部分说过,调用 ReactReconciler.mountComponent 方法生成了markup。最后，直接将 markup当做 innerHtMl属性的值给了container元素,来将组件挂载。 这里我们来探讨一下，markup 是如何…