当前位置:首页 > React

如何查看react版本

2026-02-12 07:43:01React

查看 React 版本的几种方法

通过项目配置文件查看
打开项目根目录下的 package.json 文件,查找 dependenciesdevDependencies 部分,会显示类似以下内容:

"react": "^18.2.0"

此处 18.2.0 即为当前安装的 React 版本。

通过命令行查看
在项目目录下运行以下命令(需已安装 npm 或 yarn):

npm list react
# 或使用 yarn
yarn list react

终端会输出当前安装的 React 版本信息。

在代码中动态获取版本
在 React 组件的代码中添加以下内容,运行时会在控制台打印版本:

console.log(React.version);

需确保代码中已导入 React(如 import React from 'react')。

通过开发者工具查看
在浏览器中打开 React 开发者工具(需安装扩展),切换到 Components 标签页,顶部会显示当前页面使用的 React 版本。

全局安装版本查询
若需检查全局安装的 React 版本(非项目内),运行:

如何查看react版本

npm list -g react
# 或
yarn global list react

标签: 版本react
分享给朋友:

相关文章

react中monent如何获取日期

react中monent如何获取日期

使用 Moment.js 获取当前日期 在 React 中通过 Moment.js 获取当前日期,可以直接调用 moment() 函数。它会返回包含当前日期和时间的 Moment 对象。 impor…

如何降低react版本

如何降低react版本

降低 React 项目版本的步骤 检查当前 React 版本 运行以下命令查看项目中安装的 React 当前版本: npm list react 或 yarn list react 修改…

如何记忆react

如何记忆react

理解核心概念 React的核心概念包括组件、状态(state)、属性(props)、生命周期方法(类组件)和钩子(函数组件)。掌握这些基础概念是记忆React的关键。组件是React应用的构建块,分为…

react如何部署

react如何部署

部署 React 应用的常见方法 使用静态服务器部署 React 应用在构建后会生成静态文件,可以直接通过静态服务器部署。常用的静态服务器包括 Nginx、Apache 等。 运行构建命令生成静态文…

react如何调试

react如何调试

调试 React 应用的方法 使用 React Developer Tools React Developer Tools 是 Chrome 和 Firefox 的浏览器扩展,可以检查组件树、状态和…

react架构如何

react架构如何

React 架构核心概念 React 的架构围绕组件化、虚拟 DOM 和单向数据流设计。组件是构建用户界面的独立模块,分为函数组件和类组件。虚拟 DOM 通过高效的 Diff 算法减少直接操作真实 D…