React源码分析第二节

最新推荐文章于 2022-04-13 06:45:49 发布

China_forrest

最新推荐文章于 2022-04-13 06:45:49 发布

阅读量284

点赞数

分类专栏：前端源码

本文链接：https://blog.csdn.net/Chinawlinhao/article/details/107627485

版权

本文探讨React中的Component和PureComponent的区别与应用场景。主要分析了两者在组件更新时的行为差异，以及如何利用PureComponent优化性能。

摘要由CSDN通过智能技术生成

Component和PureComponent

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

import invariant from 'shared/invariant';

import ReactNoopUpdateQueue from './ReactNoopUpdateQueue';

const emptyObject = {
   };
if (__DEV__) {
   
  Object.freeze(emptyObject);
}

/**
 * Base class helpers for the updating state of a 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;
  // We initialize the default updater but the real one gets injected by the
  // renderer.
  //初始化默认的更新器，但真正的更新器由渲染器注入
  this.updater = updater || ReactNoopUpdateQueue;
}

Component.prototype.isReactComponent = {
   };

/**
 * Sets a subset of the state. Always use this to mutate
 * state. You should treat `this.state` as immutable.
 *
 * There is no guarantee that `this.state` will be immediately updated, so
 * accessing `this.state` after calling this method may re