当前位置:首页 > React

如何下载react库

2026-03-31 08:16:01React

使用 npm 安装 React

通过 npm(Node.js 包管理器)安装 React 是最常见的方式。确保已安装 Node.js(自带 npm)。在项目目录下运行以下命令:

npm install react react-dom

使用 yarn 安装 React

如果使用 yarn 作为包管理器,可以通过以下命令安装 React:

yarn add react react-dom

通过 CDN 引入 React

对于快速原型开发或非构建环境,可以直接通过 CDN 引入 React。将以下脚本添加到 HTML 文件中:

<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>

生产环境建议使用压缩版本:

<script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>

使用 create-react-app 脚手架

对于新项目,官方推荐使用 create-react-app 快速搭建 React 开发环境:

如何下载react库

npx create-react-app my-app
cd my-app
npm start

手动下载 React 文件

可以从 React 官网或 GitHub 发布页面下载 React 的 UMD 构建文件,手动引入到项目中。访问 React 官方 GitHub 获取最新版本。

分享给朋友:

相关文章

如何创建react

如何创建react

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

如何安装react

如何安装react

安装React的方法 方法一:使用Create React App(官方推荐) Create React App是官方提供的脚手架工具,适合快速搭建React项目。确保已安装Node.js(建议版本≥…

react如何检测

react如何检测

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

react如何清理

react如何清理

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

react如何发布

react如何发布

发布React应用的步骤 构建生产版本 使用以下命令生成优化后的生产版本代码,代码会被压缩并移除开发环境中的调试工具: npm run build 构建完成后会生成build文件夹,包含所有静态资源…

react如何减少setState

react如何减少setState

减少 React 中 setState 调用的方法 合并多次状态更新 使用函数式更新方式合并多次 setState 调用。React 会将多次状态更新批量处理,避免不必要的重新渲染。 // 非函…