如何引入react

引入React的方法

通过CDN链接引入

在HTML文件中直接添加React的CDN链接，适用于快速原型开发或学习场景。需引入react和react-dom两个库：

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

通过npm或yarn安装

使用包管理器在项目中安装React，适合正式项目开发：

npm install react react-dom
# 或
yarn add react react-dom

使用Create React App脚手架

官方推荐的快速初始化工具，自动配置开发环境：

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

通过Vite等现代构建工具

Vite等工具提供更快的开发体验：

npm create vite@latest my-react-app --template react
cd my-react-app
npm install
npm run dev

模块化导入方式

在支持ES模块的环境中直接导入：

import React from 'react';
import ReactDOM from 'react-dom/client';