React源码分析（一） React实例化过程

实例化过程

一、ReactBaseClasses基类解析

1. Component

// 构建方法
function Component(props, context, updater) {
   
    this.props = props;
    this.context = context;
    // If a component has string refs, we will assign a different object   later.
    this.refs = emptyObject;
    // 我们初始化默认的更新程序，但是真正的更新程序由渲染器注入。
    this.updater = updater || ReactNoopUpdateQueue;
}
// 原型setState方法
Component.prototype.setState = function(partialState, callback) {
   
    //... 省略警告部分
    this.updater.enqueueSetState(this, partialState, callback, 'setState');
};
// 原型forceUpdate方法
Component.prototype.forceUpdate = function(callback) {
   
    this.updater.enqueueForceUpdate(this, callback, 'forceUpdate');
};

2. PureComponent

// 构建方法Component
function PureComponent(props, context, updater) {
   
    this.props = props;
    this.context = context;
    // 如果组件具有字符串引用，我们稍后将分配一个不同的