当前位置:首页 > React

如何安装指定版本的react

2026-01-25 09:42:06React

安装指定版本的 React

要安装指定版本的 React,可以通过 npm 或 yarn 包管理工具完成。以下是具体方法:

使用 npm 安装

npm install react@<version> react-dom@<version>

<version> 替换为所需的版本号,例如 18.2.0

使用 yarn 安装

如何安装指定版本的react

yarn add react@<version> react-dom@<version>

同样将 <version> 替换为目标版本号。

验证安装版本

安装完成后,可以通过以下命令检查当前安装的 React 版本:

如何安装指定版本的react

npm list react

yarn list react

锁定版本以避免意外升级

package.json 中,确保版本号前有明确的版本锁定符号(^~ 可能导致后续升级):

"dependencies": {
  "react": "18.2.0",
  "react-dom": "18.2.0"
}

使用特定版本创建新项目

通过 create-react-app 创建项目时,默认会安装最新稳定版。如需指定版本,可在创建后手动修改 package.json 并重新安装依赖:

npx create-react-app my-app
cd my-app
npm install react@<version> react-dom@<version>

注意事项

  • 确保 reactreact-dom 版本匹配,否则可能导致兼容性问题。
  • 安装旧版本时需注意依赖冲突,必要时使用 --legacy-peer-deps 参数(npm)或调整其他依赖版本。

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

相关文章

react如何运行

react如何运行

运行React项目的步骤 安装Node.js 确保系统已安装Node.js(建议版本12以上),可从官网下载并安装。Node.js自带npm包管理器,用于后续依赖安装。 创建React项目 使用官方…

react架构如何

react架构如何

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

react 如何启动

react 如何启动

创建 React 项目 使用官方工具 create-react-app 快速初始化项目,需提前安装 Node.js(版本 ≥ 14.0.0)和 npm/yarn: npx create-react-…

react如何调度

react如何调度

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

vue实现版本树

vue实现版本树

Vue实现版本树的方法 使用递归组件实现树形结构 递归组件是Vue中实现树形结构的常见方式。通过组件自身调用自身,可以构建出无限层级的树形结构。 <template> <div…

react 如何获取dom

react 如何获取dom

获取 DOM 的方法 在 React 中,可以通过 useRef 或 createRef 来获取 DOM 节点。useRef 是函数组件中常用的方法,而 createRef 通常用于类组件。 使用…