# ReAct 演示项目 · 学生学习文档

欢迎阅读本目录。这里把**项目用了什么、为什么这样写、运行时发生了什么**整理成可自学材料，建议按顺序阅读。

## 阅读顺序

| 序号 | 文档 | 你会学到什么 |
|------|------|-------------|
| 1 | [01-ReAct概念讲解.md](./01-ReAct概念讲解.md) | 什么是 ReAct，和普通对话有何不同 |
| 2 | [02-工具清单与官方链接.md](./02-工具清单与官方链接.md) | 工具/API 的**原链接**、参数与返回示例 |
| **★** | **[06-工具选型与使用说明.md](./06-工具选型与使用说明.md)** | **工具是否真实、怎么选的、怎么用（推荐）** |
| 3 | [03-开发思路与项目架构.md](./03-开发思路与项目架构.md) | 为什么选 React + DashScope，代码怎么分层 |
| 4 | [04-运行流程详解.md](./04-运行流程详解.md) | 从点击按钮到出结果的**完整运行流程** |
| 5 | [05-课堂演示与自学指南.md](./05-课堂演示与自学指南.md) | 老师怎么讲、学生怎么练、常见问题 |

## 项目位置

```
06_代码/Day_02/react-demo/
├── docs/          ← 你现在在这里（学习文档）
├── src/           ← 源代码
├── scripts/       ← 命令行测试脚本
└── README.md      ← 快速启动说明
```

## 快速启动（复习）

```bash
cd 06_代码/Day_02/react-demo
npm install
npm run dev
```

浏览器打开 http://localhost:5173 ，填入 DashScope API Key 后点击「运行演示」。

API Key 也可配置为系统环境变量 `DASHSCOPE_API_KEY`，详见 [05-课堂演示与自学指南.md](./05-课堂演示与自学指南.md)。