当前位置:首页 > 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 native

如何评价react native

React Native 的优势 跨平台开发效率高 React Native 允许开发者使用 JavaScript 和 React 编写代码,同时生成 iOS 和 Android 应用,大幅减少开发成…

如何生成react代码

如何生成react代码

使用 Create React App 生成项目 安装 Node.js 后,通过命令行工具运行以下命令创建新项目: npx create-react-app my-app cd my-app npm…

如何同步react

如何同步react

同步React组件状态的方法 使用useState和useEffect钩子组合可以同步React组件的状态。useState用于声明状态变量,useEffect用于监听状态变化并执行副作用。 imp…

react如何调度

react如何调度

React 调度机制概述 React 的调度机制通过 Fiber 架构 和 Scheduler 模块实现任务优先级管理与时间切片(Time Slicing),确保高优先级更新(如用户交互)能快速响应,…

react项目如何

react项目如何

创建React项目 使用create-react-app工具快速初始化项目。确保已安装Node.js(建议版本≥12.0.0),运行以下命令生成新项目: npx create-react-app m…

react native如何

react native如何

React Native 基础知识 React Native 是一个由 Facebook 开发的框架,用于使用 JavaScript 和 React 构建跨平台移动应用。它允许开发者编写一次代码,同时…