当前位置:首页 > React

react如何下载包

2026-03-30 22:00:52React

使用 npm 安装 React 包

通过 npm(Node Package Manager)可以快速安装 React 及其相关依赖。确保已安装 Node.js 和 npm。运行以下命令安装 React:

npm install react react-dom

如果需要创建完整的 React 项目结构,可以使用 create-react-app

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

使用 Yarn 安装 React 包

Yarn 是另一个流行的包管理工具,安装 React 的方式与 npm 类似。确保已安装 Yarn,然后运行:

yarn add react react-dom

使用 create-react-app 时,也可以通过 Yarn 初始化项目:

react如何下载包

yarn create react-app my-app
cd my-app
yarn start

通过 CDN 引入 React

如果不使用包管理工具,可以直接通过 CDN 在 HTML 文件中引入 React。将以下代码添加到 HTML 的 <head><body> 中:

<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>

安装特定版本的 React

如果需要安装特定版本的 React,可以在安装时指定版本号:

react如何下载包

npm install react@17.0.2 react-dom@17.0.2

或使用 Yarn:

yarn add react@17.0.2 react-dom@17.0.2

安装其他 React 生态包

React 生态中有许多常用库,如状态管理工具 Redux 或路由库 React Router。安装方式类似:

npm install redux react-redux
npm install react-router-dom

或使用 Yarn:

yarn add redux react-redux
yarn add react-router-dom

分享给朋友:

相关文章

react如何安装

react如何安装

安装React的步骤 确保已安装Node.js(建议版本12或更高),可通过以下命令检查版本: node -v npm -v 使用Create React App快速搭建项目(推荐): npx c…

如何提高react

如何提高react

优化性能 使用React.memo对组件进行记忆化处理,避免不必要的重新渲染。对于类组件,可以使用PureComponent来达到类似效果。 利用useMemo缓存计算结果,避免重复计算。对于函数或…

typescript react 如何

typescript react 如何

TypeScript 与 React 结合使用的方法 在 React 项目中使用 TypeScript 可以提升代码的可维护性和类型安全性。以下是一些关键步骤和最佳实践: 安装 TypeScript…

如何关闭react

如何关闭react

关闭React应用的步骤 在开发或运行React应用时,可能需要关闭正在运行的开发服务器或停止应用。以下是几种常见情况的处理方法: 停止开发服务器 如果正在使用npm start或yarn star…

react如何debugger

react如何debugger

调试 React 应用的方法 使用浏览器开发者工具进行调试 React 开发者工具(React DevTools)是调试 React 应用的必备工具。安装 Chrome 或 Firefox 扩展后,可…

react如何传递参数

react如何传递参数

传递 props 给子组件 在父组件中通过属性名直接传递数据,子组件通过 props 对象接收。例如父组件传递 name 和 age: <ChildComponent name="John"…