如何解决如何知道在浏览器中运行时运行的 React 版本??
React.version
就是你要找的。
虽然它没有记录(据我所知),所以它可能不是一个稳定的功能(即虽然不太可能,但它可能会在未来的版本中消失或改变)。
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>
import { version } from 'react';
console.log(version);
显然,如果您React
作为模块导入,它将不在全局范围内。上面的代码旨在与您的应用程序的其余部分捆绑在一起,例如使用webpack。如果在浏览器的控制台中使用它几乎永远不会工作(它使用裸导入)。
第二种方法是推荐的方法。大多数网站都会使用它。create-react-app这样做(它在后台使用webpack)。在这种情况下,React
被封装并且通常在包之外根本无法访问(例如在浏览器的控制台中)。
解决方法
有没有办法在浏览器中知道 React 的运行时版本?
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。