Stitch转React导航：替换井号占位链接，让桌面端也能返回首页

素材身份：作者原创输入/可编辑参考。目标工具未在本轮执行。
先打开 index.html；input.csv 是原始字段，reference.csv 是验收基准，negative.csv 是故意构造的坏样例。
actual-results.csv 保留未测状态，实际执行后再填写。

前置条件：
本地练习资料可免费编辑与检查；执行Stitch需要可访问账号和已配置的官方MCP或SDK，云端额度/计划以账户页面为准。
在隔离练习项目操作，保留projectId、screenId和版本；本稿未调用目标云端，不能据此声称生成完成。

操作步骤：
1. 读取实际导出页面
按官方react-components流程取得每屏HTML与图像，记录路由映射。
本地练习HTML若是作者材料，应标明不是官方实际导出。

2. 找出占位链接
列出Logo、底栏、侧栏中的href="#"，对应首页、清单和设置。
纯按钮操作不强改成导航链接，先判断动作语义。

3. 建立真实路由
在React应用配置三条路径并给出可辨认页面标题。
不存在的路径先补页面或明确禁用，不随意指向首页糊弄。

4. 替换导航组件
依当前React Router用Link连接真实route，并用location设活动态。
不要留下点击只滚到顶部的井号链接。

5. 补桌面回家入口
让TopAppBar的Logo或标题指向/。
官方指出移动底栏常用md:hidden，桌面不能依赖它返回。

6. 测试双端来回
在窄屏用底栏切换，在宽屏用侧栏和Logo回首页。
逐项检查活动态，避免正确导航但高亮仍停留旧页。

7. 交付导航矩阵
保存链接表、路由源码和双端实际截图。
编译成功与链接真正到达目标页分别记录。

验收：
导出占位导航均有明确处置。
宽屏Logo能回/。
窄屏/宽屏活动态与当前路由一致。

官方资料：
https://github.com/google-labs-code/stitch-skills/blob/main/plugins/stitch-build/skills/react-components/SKILL.md

图片身份：assets/ 为内置image_gen生成的原创练习输入缩略版，原始文件保留在网站图片来源地址。可编辑SVG为作者原生排版。