ReactのPropsの簡単な比較

// ReactBaseClasses.js
関数 ComponentDummy() {}
ComponentDummy.prototype = Component.prototype;

/**
 * sCU のデフォルトの浅い等価性チェックを備えた便利なコンポーネント。
 */
関数 PureComponent(props, context, updater) {
  プロパティ
  this.context = コンテキスト;
  // コンポーネントに文字列参照がある場合は、後で別のオブジェクトを割り当てます。
  this.refs = 空のオブジェクト;
  this.updater = アップデーター || ReactNoopUpdateQueue;
}

ComponentDummy は、コンポーネントのプロトタイプをクラス化して作成します。
pureComponentPrototype.コンストラクタ = PureComponent;
// これらのメソッドの余分なプロトタイプジャンプを回避します。
オブジェクトに pureComponentPrototype を割り当てます。
pureComponentPrototype.isPureReactComponent = true;

// ReactFiberClassコンポーネント.js
関数 checkShouldComponentUpdate(
  進行中、
  俳優、
  古いProps、
  新しいプロパティ、
  古い状態、
  新しい状態、
  次のコンテキスト、
）{
  const インスタンス = workInProgress.stateNode;
  // インスタンスが shouldComponentUpdate を実装している場合は、それを呼び出した結果を返します。if (typeof instance.shouldComponentUpdate === 'function') {
    const shouldUpdate = instance.shouldComponentUpdate(
      新しいプロパティ、
      新しい状態、
      次のコンテキスト、
    );
    shouldUpdate を返します。
  }

  // PureReactComponent を使用する場合の浅い比較 if (ctor.prototype && ctor.prototype.isPureReactComponent) {
    戻る （
      !shallowEqual(古いプロパティ、新しいプロパティ) || !shallowEqual(古い状態、新しい状態)
    );
  }

  true を返します。
}

// 浅いイコール.js
関数 shallowEqual(objA: mixed, objB: mixed): ブール値 {
  // 同じオブジェクトがtrueを返す
  オブジェクトがobjA、objBである場合
    true を返します。
  }

  // オブジェクトまたは null でない場合は false を返します
  もし （
    objA の型 !== 'オブジェクト' ||
    objA === null ||
    objB の型 !== 'オブジェクト' ||
    objB === null
  ）{
    false を返します。
  }

  定数 keysA = Object.keys(objA);
  定数 keysB = Object.keys(objB);

  // キーの数が異なる場合はfalseを返す
  (keysAの長さ!==keysBの長さ)の場合{
    false を返します。
  }

  // 対応するキー値が同じでない場合はfalseを返す
  (i = 0 とします; i < keysA.length; i++) {
    もし （
      !hasOwnProperty.call(objB, keysA[i]) ||
      !Object.is(objA[keysA[i]], objB[keysA[i]])
    ）{
      false を返します。
    }
  }

  true を返します。
}

// ReactMemo.js
関数メモ<Props>をエクスポートします(
  タイプ: React$ElementType、
  比較しますか?: (oldProps: Props, newProps: Props) => ブール値、
）{
  定数要素タイプ = {
    $$typeof: REACT_MEMO_TYPE、
    タイプ、
    比較: 比較 === 未定義? null: 比較、
  };
  要素タイプを返します。
}

もし （
  shallowEqual(前のプロパティ、次のプロパティ) &&
  現在の参照 === 進行中の参照
）{
	// ...
}

// ...
compare = Component.compare; とします。
compare = compare !== null ? compare : shallowEqual;
if (比較(prevProps, nextProps) && current.ref === workInProgress.ref) {
  bailoutOnAlreadyFinishedWork(current、workInProgress、renderLanes) を返します。
}
// ...