如何检查 ReactJS 的版本?
React 是一个 Javascript 前端库,用于构建单页应用程序 (SPA)。如果我们想知道我们正在使用哪个 React 版本来构建项目,那么有一些简单的方法可以找到它。
在本文中,我们将讨论找出 React 版本的三种方法。
- 使用 package.json 文件
- 使用命令行
- 使用 React 默认导入的版本属性
使用 package.json 文件
package.json 包含有关我们项目的元数据。它是在我们创建 React 项目时默认创建的。我们可以使用下面提到的命令创建一个反应应用程序。
npx create-react-app name_of_the_app
package.json 文件包含大量 JSON 格式的名称/值对信息。我们可以轻松地在依赖项列表下检查我们的 React 版本,如下图所示。
使用命令行
我们可以在命令行中使用下面提到的命令轻松检查 React 版本。
npm view react version
下面提到了在命令行上演示使用上述命令的输出。
使用 React 默认导入的版本属性
React 库的默认导入是一个具有版本属性的对象。我们可以按照我们想要的方式在 JSX 元素中使用这个属性。
语法:使用版本属性的语法如下所述。
import React from 'react';
let a = React.version
要跟随本文,使用本文上面讨论的命令创建一个反应项目。
文件名:App.js App.js 文件的内容在下面给出的代码中提到,其中我们演示了在 React 对象上使用 version 属性。
Javascript
import React from 'react';
const App = () => {
return
We are currently using react version {React.version}
;
}
export default App;
运行应用程序的步骤:在命令行中使用以下命令启动应用程序。
npm start
输出:打开浏览器并转到http://localhost:3000 ,您将看到以下输出。