在React应用中获得react版本的多种方法

本文解释了在React应用中获得react版本的多种方法。 第一种方法，在应用中使用package.json文件。 第二种方法，从导入的React模块中使用React.版本。 第三种方法，在React开发工具的浏览器控制台使用REACT_DEVTOOLS_GLOBAL_HOOK对象。

如何在应用程序中使用的浏览器中获得react版本显示

有多种方法可以知道代码中和终端中的react版本。

• 使用package.json

打开package.json文件，检查依赖关系部分，它包含如下版本的react依赖关系，17.0.2是我应用中使用的react版本

  "dependencies": {
    "react": "^17.0.2",
    "react-dom": "^17.0.2",

  },

• React模块

导入React模块并作为全局范围使用，这就给出了react版本。

import React from 'react';

function App() {
  return (
    <div className="App">

      <div>React Version - {React.version}</div>,

    </div>
  );
}

export default App;

• 使用React开发工具

首先，在浏览器上安装react开发者工具，你可以在控制台浏览器中运行下面的代码来获得react版本的运行。

__REACT_DEVTOOLS_GLOBAL_HOOK__.renderers.get(1).version

总结

通过实例学习了在react应用中查找react版本运行的多种方法。