小编典典

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

reactjs

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


阅读 777

收藏
2020-07-22

共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是封装的,通常在捆绑包之外(例如,在浏览器的控制台中)根本无法访问。

2020-07-22