Skip to main content
不想手动配置？将本页链接粘贴到 Devin 会话中，让它为你完成所有设置。
1

使用 React 19 升级指南向 Devin 发出提示

React 19 在 ref 处理、context 使用、TypeScript 类型以及移除遗留 API 等方面引入了破坏性变更。官方升级指南 详细说明了每一项变更，但真正困难的是把这些变更映射到你的代码里。与其自己通读整份指南并审查每个组件，不如把两者都交给 Devin，然后获取一份只针对你实际代码文件的升级行动手册。从 Devin 首页 打开一个新的 Devin 会话，然后粘贴一个包含升级指南 URL 和你需求的提示：
2

补充代码库特定上下文

Devin 使用 DeepWiki 自动理解你的代码仓库架构。它还可以查找关于 React 19 的在线资料——官方升级指南、博客文章、库的变更日志——并将检索到的内容直接整合进 playbook 中。为了让 playbook 更加精准，可以向 Devin 说明这次迁移会涉及到的模式：
  • “我们在 src/components/ui/ 下的 23 个组件中使用了 forwardRef —— 这些是我们的设计系统基础组件”
  • “我们在 src/legacy/ 中还有 4 个 class 组件使用了字符串 ref 和 componentWillMount”
  • “检查我们组织里的其他代码仓库 (例如 acme/design-system、acme/admin-dashboard) ，看看它们是否已经开始 React 19 迁移——复用它们已经建立的任何模式”
如果有任何依赖本身提供了 React 19 兼容性指南 (例如 React Router、React Hook Form，或你的 UI 库) ，也把这些 URL 粘贴到提示中——Devin 会读取它们，并对照其中列出的所有不兼容变更。
3

查看针对该代码库的专用操作手册

Devin 通读 React 19 升级指南，通过 DeepWiki 将每一项不兼容变更与您的代码库逐一交叉比对，并生成一个分阶段执行方案，包含具体文件、复杂度预估以及验证步骤：
该手册是一份迁移方案，而非已执行的迁移。请与团队一起审阅，视需要调整阶段划分或范围，然后再决定具体如何执行。
4

执行与扩展规模

一旦迁移手册确认无误，保存它并将其关联到一个会话中，按阶段依次执行：在多个仓库间扩展 — 如果你有多个需要相同升级的 React 应用，可以让 Devin 使用 managed Devins 在所有这些应用上并行运行已保存的迁移手册。