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

javascript reactjs

2022-08-30 01:58:33

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

答案 1

React.version是你要找的。

虽然它是没有文档记录的（据我所知），所以它可能不是一个稳定的功能（即，虽然不太可能，但它可能会在未来的版本中消失或改变）。

将 React 作为脚本导入的示例

const REACT_VERSION = React.version;

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

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

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

将 React 作为模块导入的示例

import { version } from 'react';

console.log(version);

显然，如果作为模块导入，它将不在全局范围内。上述代码旨在与应用程序的其余部分捆绑在一起，例如使用webpack。如果在浏览器的控制台中使用，它几乎永远不会工作（它使用裸导入）。React

第二种方法是推荐的方法。大多数网站都会使用它。create-react-app就是这样做的（它在幕后使用webpack）。在这种情况下，是封装的，并且通常无法在捆绑包之外访问（例如，在浏览器的控制台中）。React

答案 2

从命令行：

npm view react version
npm view react-native version