如何判断浏览器在运行时运行的React版本？

Question

有没有办法知道浏览器中React的运行时版本？

Answer 1

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为模块，则不会在全局范围内。上面的代码旨在与您应用程序的其余部分捆绑在一起，例如使用webpack。如果在浏览器的控制台中使用，它将几乎永远无法工作（它使用的是裸露的输入）。

建议使用第二种方法。大多数网站都会使用它。create-react-app会执行此操作（它在后台使用webpack）。在这种情况下，它React是封装的，通常在捆绑包之外（例如，在浏览器的控制台中）根本无法访问。