当前位置:首页 > React

如何查看react版本

2026-02-26 17:41:27React

查看 React 版本的几种方法

通过项目的 package.json 文件
在项目根目录下找到 package.json 文件,搜索 "react" 字段,其 "version" 值即为当前安装的 React 版本。例如:

"dependencies": {
  "react": "^18.2.0"
}

通过命令行工具
在项目目录下运行以下命令(npm 或 yarn):

npm list react
# 或
yarn list react

输出结果会显示已安装的 React 版本及依赖树。

在浏览器控制台中查看
在运行中的 React 应用页面,打开开发者工具(F12),输入以下代码并执行:

console.log(React.version);

控制台会直接输出当前使用的 React 版本号。

通过 react 模块导入检查
在项目代码文件中添加以下代码并运行:

如何查看react版本

import React from 'react';
console.log(React.version);

适用于本地开发环境调试时快速查看。

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

相关文章

react 如何引入jquery

react 如何引入jquery

引入 jQuery 到 React 项目 在 React 项目中引入 jQuery 可以通过多种方式实现,但需要注意 React 和 jQuery 操作 DOM 的方式可能冲突,因此建议仅在必要时使用…

如何创建react

如何创建react

创建React项目的步骤 使用Create React App工具快速搭建React项目。确保已安装Node.js(版本需≥14.0.0)和npm(版本需≥5.6)。 打开终端或命令行工具,运行以下…

如何启动react

如何启动react

安装Node.js 确保系统已安装Node.js(建议使用LTS版本),可通过官网下载并安装。安装完成后,在终端运行以下命令验证版本: node -v npm -v 创建React项目 使用官方工具…

react如何检测

react如何检测

检测 React 应用的方法 使用 PropTypes 进行类型检查 PropTypes 是 React 内置的类型检查工具,用于验证组件的 props 是否符合预期。在开发环境中,PropTypes…

react如何清理

react如何清理

清理 React 项目的方法 清理未使用的依赖项 运行 npm prune 或 yarn install --production 可以移除 node_modules 中未在 package.json…

如何恢复react

如何恢复react

恢复 React 项目的方法 检查并修复依赖项 运行 npm install 或 yarn install 重新安装所有依赖项。如果依赖项损坏或缺失,这将恢复项目所需的库和工具。 恢复删除的文件 如…