使用 React 制作节庆活动日程是一门面向已掌握 React 基础的学习者的实践课程。你将把准备好的节庆活动目录变成个人单日计划：筛选活动、保留选择，并说明新活动为何与已选活动冲突。
两个引导实验先从两项正常且不冲突的选择开始，再引入时间冲突的候选活动。随后，你会连接派生日程数据、时间检查和本地保存。独立挑战将同样的机制迁移到另一组节庆单日活动，改变活动、舞台和 ID。每个实验提供独立的起始项目与数据。
你将学到什么
完成本课程后，你将能够：
- 以所选活动 ID 为唯一状态来源，从当前目录派生对应活动记录、已选数量与总时长；
- 筛选可见活动目录而不删除已有选择，并用稳定 ID 区分标题相同的活动；
- 用半开时间区间判断冲突，允许恰好相邻的活动，拒绝真正重叠并指出具体冲突对象，移除选择后能够再次添加；
- 在课程专用的
localStorage键下仅保存 ID 列表，恢复仍有效的选择，并在提示旧 ID 已缺失时保留有效选择； - 从格式损坏的 JSON 中恢复，并使用必要的最少
useEffect逻辑，在实验仍可用时，让同一浏览器、同一来源下的选择经刷新后恢复。
本课程适合谁
本课程适合准备围绕实用个人日程协调 React 组件的学习者，而不只是制作彼此独立的列表。
前置要求： 基本终端与路径操作、文件编辑、HTML/CSS、JavaScript 数组、对象和函数；React 组件、JSX、props、使用 useState 的 state、事件、条件渲染、map/filter、稳定列表 key 和受控表单。引导实验会在挑战之前讲授派生状态、基于 ID 的选择、简单时间区间比较，以及所需的 useEffect 和 localStorage 概念。本课不是 React 零基础入门。
学习环境： LabEx 提供准备好的浏览器 React 项目、依赖、预览和合成节庆活动数据。你完成前端功能。网站标签和运行输出保留英文；教材翻译不表示界面也已翻译。
常见问题
怎样才算时间冲突？
全部活动使用同一日期的当地分钟。一个活动可以恰好在另一个结束时开始；真正的时间重叠会被拒绝。本课不处理跨日或跨时区日程，也不计算舞台之间的通行时间。
我的日程会随我转移到另一设备或实验吗？
不会。恢复范围限于同一浏览器、同一实际来源（origin）和仍可用的实验现场，并要求浏览器允许存储。若浏览器策略拒绝存储，选择仅在本次访问的内存中可用，不承诺刷新后恢复。localStorage 不是账号或服务器备份，也不承诺永久保存或跨 VM 保存。
我会制作完整的节庆预订服务吗？
不会。你使用准备好的合成数据制作个人计划。后端服务、账号、地图、拖放、行程优化和动态服务器同步均不在本课范围内。
