如何引入react

引入React的方法

通过CDN链接引入
在HTML文件中直接添加React和React DOM的CDN链接。适用于快速原型开发或学习场景。

<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安装
通过包管理器创建项目或添加到现有项目中，适合正式开发。

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

使用Create React App脚手架
官方推荐的快速初始化工具，自动配置开发环境。

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

通过模块打包工具（如Webpack/Vite）
在Webpack或Vite等工具中配置React依赖，适合自定义构建流程的项目。需安装react和react-dom并通过import语法引入组件。

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

注意事项

• 生产环境需替换为.production.js版本的CDN文件。
• CDN方式可能导致性能问题，大型项目推荐使用npm或脚手架。