📜  如何检查 ReactJS 的版本?

📅  最后修改于: 2022-05-13 01:56:54.074000             🧑  作者: Mango

如何检查 ReactJS 的版本?

React 是一个 Javascript 前端库,用于构建单页应用程序 (SPA)。如果我们想知道我们正在使用哪个 React 版本来构建项目,那么有一些简单的方法可以找到它。

在本文中,我们将讨论找出 React 版本的三种方法。

  1. 使用 package.json 文件
  2. 使用命令行
  3. 使用 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 ,您将看到以下输出。