react如何引入
引入 React 的方法
React 可以通过多种方式引入项目，具体取决于项目的需求和构建工具。以下是常见的引入方法：
通过 CDN 引入
在 HTML 文件中直接通过 CDN 引入 React 和 ReactDOM。这种方式适合快速原型开发或学习。
<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>使用 npm 或 yarn 安装
通过包管理工具安装 React，适合正式项目开发。
npm install react react-dom或
yarn add react react-dom使用 Create React App 创建项目
Create React App 是官方推荐的脚手架工具，可以快速生成 React 项目结构。
npx create-react-app my-app
cd my-app
npm start使用 Vite 创建 React 项目
Vite 是一个现代化的前端构建工具，支持快速创建 React 项目。
npm create vite@latest my-react-app --template react
cd my-react-app
npm install
npm run dev使用 TypeScript 模板
如果需要 TypeScript 支持，可以使用 TypeScript 模板创建项目。
npx create-react-app my-app --template typescript或
npm create vite@latest my-react-app --template react-ts注意事项
- 通过 CDN 引入时，确保在生产环境中使用压缩版本（如
react.production.min.js）。 - 使用包管理工具安装时，确保项目已初始化（
package.json存在）。 - 使用脚手架工具时，可以根据需求选择不同的模板或配置。
