[解決済み] ブラウザで実行中のReactのバージョンは、どのように見分ければよいのでしょうか？

質問

ブラウザでReactのランタイムバージョンを知る方法はありますか？

どのように解決するのですか？

React.version がお探しのものです。

しかし、（私が知る限り）これは文書化されていないので、安定した機能ではないかもしれません（つまり、可能性は低いですが、将来のリリースで消えたり変わったりする可能性があります）。

を使った例 React スクリプトとしてインポートされた

const REACT_VERSION = React.version;

ReactDOM.render(
  <div>React version: {REACT_VERSION}</div>,
  document.getElementById('root')
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

<div id="root"></div>

を使った例 React モジュールとしてインポートされた

import React from 'react';

console.log(React.version);

明らかに、もしあなたが React をモジュールとして使用した場合、グローバルスコープには入りません。上記のコードは、アプリの残りの部分にバンドルすることを想定しており、たとえば ウェブパック . ブラウザのコンソールで使用すると、事実上動作しません (むき出しのインポートを使用しています)。

この2番目の方法が推奨されます。ほとんどのWebサイトがこれを使うでしょう。 create-react-app はこれを行う（これは ウェブパック を使用します)。この場合 React はカプセル化されており、一般にバンドル外（ブラウザのコンソールなど）からはまったくアクセスできません。